:root{--blur-1: 13px;--blur-2: 9px;--blur-3: 18px;--blur-4: 26px;--glass-sat: 140%;--c-ok: #2ecf8f;--c-info: #38bdf8;--c-warn: #f5b14c;--c-crit: #ff5d63;--c-accent-core: #2dd4bf;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--motion-fast: .12s;--motion-base: .2s;--motion-slow: .32s;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1)}[data-theme=dark]{color-scheme:dark;--canvas: #0d1117;--canvas-grad-a: #0d1117;--canvas-grad-b: #111722;--glass-scrim-1: rgba(13, 17, 23, .74);--glass-scrim-2: rgba(16, 21, 28, .82);--glass-scrim-3: rgba(18, 24, 32, .9);--glass-scrim-4: rgba(15, 20, 27, .93);--glass-tint: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, 0));--glass-border: rgba(255, 255, 255, .1);--glass-glow: rgba(45, 212, 191, .16);--text-primary: rgba(236, 242, 248, .96);--text-secondary: rgba(236, 242, 248, .66);--text-muted: rgba(236, 242, 248, .42);--text-on-accent: #04201c;--accent: var(--c-accent-core);--accent-weak: rgba(45, 212, 191, .14);--accent-border: rgba(45, 212, 191, .4);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 6px 20px rgba(0, 0, 0, .45);--shadow-3: 0 16px 48px rgba(0, 0, 0, .55);--field-bg: rgba(255, 255, 255, .05);--field-border: rgba(255, 255, 255, .12);--field-border-focus: var(--accent-border);--danger-bg: rgba(255, 93, 99, .12);--danger-border: rgba(255, 93, 99, .4);--danger-text: #ffb4b7}[data-theme=light]{color-scheme:light;--canvas: #eef2f7;--canvas-grad-a: #f4f7fb;--canvas-grad-b: #e4eaf2;--glass-scrim-1: rgba(255, 255, 255, .85);--glass-scrim-2: rgba(255, 255, 255, .92);--glass-scrim-3: rgba(255, 255, 255, .97);--glass-scrim-4: rgba(255, 255, 255, .99);--glass-tint: linear-gradient(180deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .1));--glass-border: rgba(15, 24, 33, .1);--glass-glow: rgba(13, 148, 136, .14);--text-primary: rgba(15, 24, 33, .94);--text-secondary: rgba(15, 24, 33, .64);--text-muted: rgba(15, 24, 33, .42);--text-on-accent: #ffffff;--accent: #0d9488;--accent-weak: rgba(13, 148, 136, .12);--accent-border: rgba(13, 148, 136, .4);--shadow-1: 0 1px 2px rgba(30, 41, 59, .1);--shadow-2: 0 6px 20px rgba(30, 41, 59, .14);--shadow-3: 0 16px 48px rgba(30, 41, 59, .18);--field-bg: rgba(255, 255, 255, .7);--field-border: rgba(15, 24, 33, .16);--field-border-focus: var(--accent-border);--danger-bg: rgba(220, 38, 38, .08);--danger-border: rgba(220, 38, 38, .35);--danger-text: #b91c1c}@media(prefers-contrast:more){[data-theme=dark]{--glass-scrim-1: rgba(13, 17, 23, .92);--glass-scrim-2: rgba(16, 21, 28, .94)}[data-theme=light]{--glass-scrim-1: rgba(255, 255, 255, .92);--glass-scrim-2: rgba(255, 255, 255, .95)}}.glass{background:var(--scrim, var(--glass-scrim-1)),var(--glass-tint);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--blur, var(--blur-1))) saturate(var(--glass-sat));backdrop-filter:blur(var(--blur, var(--blur-1))) saturate(var(--glass-sat));contain:paint}[data-theme=light] .glass{background:#ffffffbf}.glass.l1{--scrim: var(--glass-scrim-1);--blur: var(--blur-1)}.glass.l2{--scrim: var(--glass-scrim-2);--blur: var(--blur-2);border-radius:var(--radius-md)}.glass.l3{--scrim: var(--glass-scrim-3);--blur: var(--blur-3);box-shadow:var(--shadow-2),0 0 0 1px var(--glass-glow)}.glass.l4{--scrim: var(--glass-scrim-4);--blur: var(--blur-4);border-width:1.5px;box-shadow:var(--shadow-3),0 0 0 1px var(--glass-glow)}html.glass-lite .glass.l1,html.glass-lite .glass.l2{-webkit-backdrop-filter:none;backdrop-filter:none}html.glass-lite .glass.l1{background:var(--glass-scrim-1)}html.glass-lite .glass.l2{background:var(--glass-scrim-2)}html.glass-off .glass{-webkit-backdrop-filter:none;backdrop-filter:none}html.glass-off .glass.l1{background:var(--glass-scrim-1)}html.glass-off .glass.l2{background:var(--glass-scrim-2)}html.glass-off .glass.l3{background:var(--glass-scrim-3)}html.glass-off .glass.l4{background:var(--glass-scrim-4)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{-webkit-backdrop-filter:none;backdrop-filter:none}.glass.l1{background:var(--glass-scrim-1)}.glass.l2{background:var(--glass-scrim-2)}.glass.l3{background:var(--glass-scrim-3)}.glass.l4{background:var(--glass-scrim-4)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--text-primary);background-color:var(--canvas);background-image:radial-gradient(120% 80% at 100% 0%,var(--glass-glow),transparent 55%),linear-gradient(160deg,var(--canvas-grad-a),var(--canvas-grad-b));background-attachment:fixed;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0;letter-spacing:-.01em}a{color:var(--accent);text-decoration:none}code,.mono{font-family:var(--font-mono);font-size:.86em}.text-muted{color:var(--text-muted)}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.btn{font:inherit;font-weight:550;cursor:pointer;border:1px solid var(--glass-border);background:var(--field-bg);color:var(--text-primary);border-radius:var(--radius-md);padding:.5rem .9rem;display:inline-flex;align-items:center;gap:.4rem;transition:transform var(--motion-fast) var(--ease-out),background var(--motion-fast),border-color var(--motion-fast)}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent-border)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--text-on-accent);border-color:transparent}.btn-primary:hover:not(:disabled){border-color:transparent;filter:brightness(1.06)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--field-bg)}.btn-danger{color:var(--danger-text);border-color:var(--danger-border);background:var(--danger-bg)}.btn-xs{padding:.25rem .55rem;font-size:.8rem;border-radius:var(--radius-sm)}.field{font:inherit;width:100%;color:var(--text-primary);background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--radius-md);padding:.5rem .7rem;transition:border-color var(--motion-fast)}.field:focus{outline:none;border-color:var(--field-border-focus);box-shadow:0 0 0 3px var(--accent-weak)}.field::placeholder{color:var(--text-muted)}label.lbl{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.3rem}.form-row{margin-bottom:.9rem}.badge{font-size:.68rem;font-weight:650;letter-spacing:.03em;text-transform:uppercase;color:var(--accent);background:var(--accent-weak);border:1px solid var(--accent-border);border-radius:var(--radius-pill);padding:.12rem .5rem;white-space:nowrap}.badge-muted{color:var(--text-muted);background:var(--field-bg);border-color:var(--glass-border)}.tbl{width:100%;border-collapse:collapse;font-size:.9rem}.tbl th,.tbl td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--glass-border);vertical-align:middle}.tbl th{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr:hover td{background:var(--field-bg)}.tbl .row-actions{display:flex;gap:.3rem;justify-content:flex-end}.alert{border-radius:var(--radius-md);padding:.6rem .8rem;font-size:.88rem}.alert-danger{color:var(--danger-text);background:var(--danger-bg);border:1px solid var(--danger-border)}.alert-info{color:var(--text-secondary);background:var(--field-bg);border:1px solid var(--glass-border)}.app{display:grid;grid-template-rows:auto 1fr;height:100%}.topbar{display:flex;align-items:center;gap:1rem;padding:.7rem 1.2rem;border-bottom:1px solid var(--glass-border);background:var(--glass-scrim-2);-webkit-backdrop-filter:blur(var(--blur-2));backdrop-filter:blur(var(--blur-2))}.brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:1.05rem}.brand .lock{font-size:1.2rem}.topbar-spacer{flex:1}.topbar .who{font-size:.85rem;color:var(--text-secondary)}.body{display:grid;grid-template-columns:220px 1fr;min-height:0}.sidenav{border-right:1px solid var(--glass-border);padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem}.navlink{display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-weight:500}.navlink:hover{background:var(--field-bg);color:var(--text-primary)}.navlink.active{background:var(--accent-weak);color:var(--accent);border:1px solid var(--accent-border)}.main{padding:1.4rem 1.6rem;overflow-y:auto;min-width:0}.page-head{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}.page-head h1{font-size:1.4rem}.page-head .spacer{flex:1}.card{padding:1rem 1.15rem;margin-bottom:1rem}.crumbs{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted);margin-bottom:.9rem}.crumbs a{color:var(--text-secondary)}.stack{display:flex;flex-direction:column;gap:.75rem}.rowflex{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem}.tile{padding:1rem 1.1rem;cursor:pointer;transition:transform var(--motion-fast) var(--ease-out)}.tile:hover{transform:translateY(-2px)}.tile h3{font-size:1rem;margin-bottom:.25rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:1rem;z-index:100;animation:fade var(--motion-fast) var(--ease-out)}.modal{width:min(30rem,100%);padding:1.3rem 1.4rem;max-height:90vh;overflow-y:auto;animation:pop var(--motion-base) var(--ease-spring)}.modal h2{font-size:1.15rem;margin-bottom:.9rem}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.1rem}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media(prefers-reduced-motion:reduce){.modal,.modal-backdrop,.tile,.btn{animation:none;transition:none}}.reveal-box{font-family:var(--font-mono);font-size:.9rem;background:var(--field-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:.6rem .75rem;word-break:break-all;white-space:pre-wrap}.token-once{font-family:var(--font-mono);font-size:.85rem;background:var(--field-bg);border:1px dashed var(--accent-border);border-radius:var(--radius-md);padding:.6rem .75rem;word-break:break-all}.center-screen{min-height:100%;display:grid;place-items:center;padding:2rem}.login-card{width:min(24rem,100%);padding:2rem;text-align:center}.login-card .lock{font-size:2.6rem}.login-card h1{font-size:1.5rem;margin:.5rem 0}.login-card p{color:var(--text-secondary);margin:0 0 1.4rem}.tree,.tree-branch{display:flex;flex-direction:column;gap:.4rem}.tree-node{display:flex;align-items:center;gap:.6rem;padding:.6rem .85rem;cursor:pointer;transition:transform var(--motion-fast) var(--ease-out),border-color var(--motion-fast)}.tree-node:hover{transform:translateY(-1px);border-color:var(--accent-border)}.tree-twist{font:inherit;cursor:pointer;color:var(--text-muted);background:transparent;border:none;padding:0 .15rem;line-height:1;flex:none}.tree-twist:hover:not(:disabled){color:var(--text-primary)}.tree-twist-empty{cursor:default;opacity:.5}.tree-node-main{display:flex;align-items:baseline;gap:.55rem;flex:1;min-width:0;flex-wrap:wrap}.tree-node-name{font-weight:600}@media(max-width:720px){.body{grid-template-columns:1fr}.sidenav{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--glass-border)}}