:root{--bg: #09090f;--surface: #111118;--surface-2: #17171f;--border: #1e1e2c;--border-2: #28283a;--primary: #7c6fec;--primary-dim: #5b50c4;--primary-bg: rgba(124,111,236,.12);--success: #16a34a;--success-bg: rgba(22,163,74,.12);--success-text:#4ade80;--warn: #d97706;--warn-bg: rgba(217,119,6,.12);--warn-text: #fbbf24;--danger: #dc2626;--danger-bg: rgba(220,38,38,.12);--danger-text: #f87171;--text: #ededf0;--text-2: #c4c4d0;--muted: #8888a0;--faint: #44445a;--key-primary-color: #d97706;--key-primary-bg: rgba(217,119,6,.14);--key-primary-border: rgba(217,119,6,.3);--key-secondary-color: #7c6fec;--key-secondary-bg: rgba(124,111,236,.12);--key-secondary-border:rgba(124,111,236,.28);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 26px;--text-3xl: 32px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--t-fast: .12s ease;--t-base: .2s ease;--font: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font);font-size:var(--text-base);background:var(--bg);color:var(--text);min-height:100dvh;line-height:1.6}a{color:var(--primary);text-decoration:none;transition:color var(--t-fast)}a:hover{color:#a99cf8;text-decoration:none}h1{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.025em;line-height:1.25;color:var(--text)}h2{font-size:var(--text-xl);font-weight:600;letter-spacing:-.015em;line-height:1.3;color:var(--text)}h3{font-size:var(--text-base);font-weight:600;color:var(--text)}p{color:var(--muted);line-height:1.6}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-muted{color:var(--muted)}.text-faint{color:var(--faint)}.text-mono{font-family:var(--font-mono)}.text-center{text-align:center}.logo{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--text-xl);font-weight:800;letter-spacing:-.04em;color:var(--text);line-height:1}.logo-mark{width:28px;height:28px;background:var(--primary);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:900;letter-spacing:-.06em;flex-shrink:0}.logo-mark-lg{width:40px;height:40px;font-size:17px}.auth-root{min-height:100dvh;display:grid;place-items:center;padding:var(--s-6) var(--s-4)}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-8);display:flex;flex-direction:column;gap:var(--s-6)}.auth-card-wide{max-width:480px}.auth-header{display:flex;flex-direction:column;gap:var(--s-2)}.auth-header .back-link{display:inline-flex;align-items:center;gap:var(--s-1);font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--s-2)}.auth-header .back-link:hover{color:var(--text)}.app-root{min-height:100dvh;display:flex;flex-direction:column}.app-topbar{position:sticky;top:0;z-index:20;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-6);background:#09090fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.app-body{display:flex;flex:1;min-height:0;overflow:hidden}.app-sidebar{width:220px;flex-shrink:0;padding:var(--s-6) var(--s-4);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:var(--s-1);overflow-y:auto}.app-content{flex:1;padding:var(--s-8);overflow-y:auto;min-width:0}.nav-item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:500;color:var(--muted);cursor:pointer;border:none;background:none;width:100%;text-align:left;text-decoration:none;transition:color var(--t-fast),background var(--t-fast)}.nav-item:hover{color:var(--text-2);background:var(--surface-2)}.nav-item.active{color:var(--text);background:var(--surface-2)}.nav-item.disabled{opacity:.4;cursor:default;pointer-events:none}.nav-section-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--faint);padding:var(--s-4) var(--s-3) var(--s-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5)}.card-inset{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:0 var(--s-4);height:38px;border-radius:var(--r-md);font-size:var(--text-sm);font-weight:600;font-family:var(--font);cursor:pointer;border:1px solid transparent;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),transform var(--t-fast);white-space:nowrap;text-decoration:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:#6b5fd6;border-color:#6b5fd6}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--border-2)}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--border-2);background:var(--surface-2)}.btn-danger{background:transparent;color:var(--danger-text);border-color:#dc26264d}.btn-danger:hover:not(:disabled){background:var(--danger-bg)}.btn-full{width:100%}.btn-lg{height:46px;font-size:var(--text-base);padding:0 var(--s-6)}.btn-sm{height:30px;font-size:var(--text-xs);padding:0 var(--s-3);border-radius:var(--r-sm)}.field{display:flex;flex-direction:column;gap:var(--s-2)}.field-label{font-size:var(--text-sm);font-weight:500;color:var(--text-2)}.field-label .optional{font-weight:400;color:var(--faint);margin-left:var(--s-1)}.field-input{height:40px;padding:0 var(--s-3);background:var(--bg);border:1px solid var(--border-2);border-radius:var(--r-md);color:var(--text);font-size:var(--text-base);font-family:var(--font);outline:none;transition:border-color var(--t-fast)}.field-input::placeholder{color:var(--faint)}.field-input:focus{border-color:var(--primary)}.field-hint{font-size:var(--text-xs);color:var(--muted)}.status{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:var(--text-sm);line-height:1.5;border:1px solid transparent}.status-icon{flex-shrink:0;margin-top:1px}.status-error{background:var(--danger-bg);color:var(--danger-text);border-color:#dc262640}.status-success{background:var(--success-bg);color:var(--success-text);border-color:#16a34a40}.status-info{background:var(--primary-bg);color:#a99cf8;border-color:#7c6fec40}.status-warn{background:var(--warn-bg);color:var(--warn-text);border-color:#d9770640}.key-badge{display:inline-flex;align-items:center;gap:var(--s-1);padding:2px var(--s-2);border-radius:999px;font-size:var(--text-xs);font-weight:600;border:1px solid transparent}.key-badge-primary{background:var(--key-primary-bg);color:var(--key-primary-color);border-color:var(--key-primary-border)}.key-badge-secondary{background:var(--key-secondary-bg);color:var(--key-secondary-color);border-color:var(--key-secondary-border)}.key-context{display:flex;align-items:flex-start;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);border:1px solid}.key-context-primary{background:var(--key-primary-bg);border-color:var(--key-primary-border)}.key-context-secondary{background:var(--key-secondary-bg);border-color:var(--key-secondary-border)}.key-context-icon{width:36px;height:36px;flex-shrink:0;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center}.key-context-primary .key-context-icon{background:#d9770633;color:var(--key-primary-color)}.key-context-secondary .key-context-icon{background:#7c6fec33;color:var(--key-secondary-color)}.key-context-body{flex:1;display:flex;flex-direction:column;gap:2px}.key-context-title{font-size:var(--text-sm);font-weight:600}.key-context-primary .key-context-title{color:var(--key-primary-color)}.key-context-secondary .key-context-title{color:var(--key-secondary-color)}.key-context-desc{font-size:var(--text-xs);color:var(--muted);line-height:1.5}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon svg{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.item-row{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);transition:border-color var(--t-fast)}.item-row+.item-row{margin-top:var(--s-2)}.item-row:hover{border-color:var(--border-2)}.item-icon{width:36px;height:36px;flex-shrink:0;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted)}.item-body{flex:1;min-width:0}.item-title{font-size:var(--text-sm);font-weight:600;color:var(--text)}.item-sub{font-size:var(--text-xs);color:var(--muted);margin-top:1px}.divider{display:flex;align-items:center;gap:var(--s-3);font-size:var(--text-xs);color:var(--faint)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.pill{display:inline-flex;align-items:center;padding:2px var(--s-2);border-radius:999px;font-size:var(--text-xs);font-weight:500;background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.pill-success{background:var(--success-bg);color:var(--success-text);border-color:#16a34a40}.pill-mono{font-family:var(--font-mono)}.scope-item{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid var(--border)}.scope-item:last-child{border-bottom:none}.scope-item-icon{width:28px;height:28px;flex-shrink:0;border-radius:var(--r-sm);background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--muted);margin-top:1px}.scope-item-body{flex:1}.scope-item-title{font-size:var(--text-sm);font-weight:500;color:var(--text)}.scope-item-desc{font-size:var(--text-xs);color:var(--muted);margin-top:1px}.scope-item-check{flex-shrink:0;color:var(--success-text);margin-top:4px}.scope-item-warn{flex-shrink:0;color:var(--warn-text);margin-top:4px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:15px;height:15px;flex-shrink:0;border:2px solid rgba(255,255,255,.2);border-top-color:currentColor;border-radius:50%;animation:spin .65s linear infinite;display:inline-block}.notice{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);font-size:var(--text-xs);color:var(--muted);line-height:1.6}.stack{display:flex;flex-direction:column;gap:var(--s-4)}.stack-sm{display:flex;flex-direction:column;gap:var(--s-2)}.stack-lg{display:flex;flex-direction:column;gap:var(--s-6)}.row{display:flex;align-items:center;gap:var(--s-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.row-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2)}.grow{flex:1}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-5)}.section-title{font-size:var(--text-lg);font-weight:600;color:var(--text);letter-spacing:-.01em}.section-sub{font-size:var(--text-sm);color:var(--muted);margin-top:2px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-10) var(--s-6);text-align:center;color:var(--muted)}.empty-state-icon{width:44px;height:44px;border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--faint)}