:root{--ink:#172033;--muted:#68758a;--line:#dfe5ec;--surface:#fff;--canvas:#f4f6f8;--nav:#101827;--accent:#2563eb;--danger:#dc2626}*{box-sizing:border-box;margin:0;padding:0}html{min-width:320px;background:var(--canvas)}body{min-width:320px;min-height:100vh;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:100;min-height:64px;padding:0 max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:28px;color:#fff;background:#101827f7;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 28px #0f172a1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;color:#fff;text-decoration:none;font-weight:750;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#fff;background:var(--accent);box-shadow:inset 0 1px #ffffff40,0 7px 18px #2563eb47}.brand-mark svg{width:22px;height:22px}.brand-tag{color:#94a3b8;font-size:9px;letter-spacing:.12em}.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.main-nav a{min-height:40px;padding:0 11px;display:inline-flex;align-items:center;border-radius:8px;color:#9ba8ba;text-decoration:none;font-size:13px;font-weight:600;transition:color .18s,background .18s}.main-nav a:hover{color:#fff;background:#ffffff12}.main-nav a.router-link-active{color:#fff!important;background:#2563eb3d}.logout-btn{min-height:38px;margin-left:8px;padding:0 13px;border:1px solid rgba(248,113,113,.3);border-radius:8px;color:#fca5a5;background:#dc262617;font-size:13px;font-weight:650}.menu-toggle,.nav-scrim{display:none}.page-container{width:100%;max-width:1248px;margin:0 auto;padding:32px 24px 52px}.page-container--login{padding-top:24px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle}th{background:#f4f6f8;color:#536076;font-size:12px;font-weight:700;letter-spacing:.015em;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfc}.table-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.table-scroll table{min-width:620px}input,select,textarea{width:100%;min-height:42px;border:1px solid #cbd3de;border-radius:8px;padding:9px 12px;color:var(--ink);background:#fff;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#6b93ef;box-shadow:0 0 0 3px #2563eb1c}input[type=checkbox]{min-height:auto;accent-color:var(--accent)}label{line-height:1.35}.field>label,.form-row label{display:block;margin-bottom:6px;color:#5f6c80;font-size:12px;font-weight:650}.card{margin-bottom:22px;padding:24px;background:var(--surface);border:1px solid rgba(215,222,231,.88);border-radius:12px;box-shadow:0 3px 14px #0f172a0b}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:650;line-height:1;cursor:pointer;transition:transform .12s,filter .12s,background .12s}.btn:hover{filter:brightness(.97)}.btn:active{transform:translateY(1px)}.btn-primary{color:#fff;background:var(--accent);box-shadow:0 4px 11px #2563eb2e}.btn-primary:hover{background:#1d4ed8}.btn-danger{color:#fff;background:var(--danger)}.btn-sm{min-height:34px;padding:6px 11px;font-size:12px}.badge{display:inline-block;padding:3px 8px;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap}.badge-green{color:#15803d;background:#dcfce7}.badge-red{color:#dc2626;background:#fee2e2}h2{margin-bottom:22px;font-size:clamp(22px,3vw,27px);line-height:1.2;letter-spacing:-.025em}h3{color:#263247;font-size:16px}code{overflow-wrap:anywhere}.form-row{display:flex;gap:12px;margin-bottom:12px;align-items:flex-end}.form-row .field{flex:1;min-width:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.inline-form,.action-row,.resource-add,.page-head,.page-actions{display:flex;align-items:center;gap:8px}.inline-form{min-width:0}.action-row{flex:0 0 auto}.resource-add{margin-bottom:8px}.page-head{margin-bottom:20px}.page-head h2{margin:0}.page-actions{margin-left:auto}.logs-table{min-width:1280px!important}.traces-table{min-width:960px!important}.card[style*="padding:0"]>.table-scroll{width:100%}@media (max-width:920px){.topbar{padding-inline:18px}.brand{margin-right:auto}.brand-tag{display:none}.menu-toggle{position:relative;z-index:2;width:44px;height:44px;display:grid;place-content:center;gap:5px;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#fff;background:#ffffff0f}.menu-toggle span{width:20px;height:2px;display:block;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.main-nav{position:fixed;top:64px;right:12px;z-index:102;width:min(300px,calc(100vw - 24px));max-height:calc(100vh - 78px);padding:10px;display:grid;align-content:start;gap:4px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#141e2e;box-shadow:0 24px 60px #050a145c;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .18s,transform .18s,visibility .18s}.menu-open .main-nav{opacity:1;visibility:visible;transform:none}.main-nav a{min-height:46px;padding-inline:14px;font-size:14px}.logout-btn{width:100%;min-height:44px;margin:8px 0 0}.nav-scrim{position:fixed;top:64px;right:0;bottom:0;left:0;z-index:99;display:block;border:0;background:#050a1461;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.model-add{flex-wrap:wrap;max-width:none!important}}@media (max-width:640px){.topbar{min-height:58px;padding-inline:14px}.brand-mark{width:32px;height:32px}.menu-toggle{width:42px;height:42px}.main-nav{top:58px;max-height:calc(100vh - 70px)}.nav-scrim{inset-block-start:58px}.page-container{padding:24px 14px 40px}.page-container--login{padding:14px}.card{margin-bottom:16px;padding:18px 16px;border-radius:10px}h2{margin-bottom:18px}.form-row{flex-direction:column;align-items:stretch;gap:12px}.form-row .field{width:100%}.form-row>.btn{width:100%;min-height:44px}.btn{min-height:42px}.btn-sm{min-height:38px}.table-scroll{margin-inline:-16px;width:calc(100% + 32px);padding-bottom:2px}.table-scroll table{min-width:640px}.table-scroll th:first-child,.table-scroll td:first-child{padding-left:16px}.table-scroll th:last-child,.table-scroll td:last-child{padding-right:16px}.card[style*="padding:0"]>.table-scroll{width:100%;margin-inline:0}.section-head{align-items:flex-start;flex-direction:column}.section-head>div{width:100%}.section-head .action-row{flex-wrap:wrap}.section-head .action-row .btn{flex:1}.inline-form{width:100%;flex-wrap:wrap}.backend-editor,.alias-editor{margin-right:0!important}.backend-editor input,.alias-editor input{max-width:none!important;flex:1 1 100%!important}.resource-add{align-items:stretch;flex-direction:column}.resource-add>.inline-form{max-width:none!important}.resource-add>.inline-form>input{flex:1 1 100%!important}.resource-add>.inline-form>.btn{flex:1}.model-add label{flex:1 1 calc(50% - 8px);min-height:38px;margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px}.page-head{align-items:flex-start;flex-wrap:wrap}.page-head>span{width:100%}.page-actions{width:100%;margin-left:0}.page-actions .btn{flex:1}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}