:root{color-scheme:dark;--bg: #0f1419;--surface: #1a222c;--surface2: #232d3a;--text: #e8eef4;--muted: #8b9aad;--accent: #4da3ff;--border: #2d3a4a;--green: rgb(51, 166, 82);--amber: rgb(242, 184, 31);--red: rgb(230, 64, 56);--radius: 10px;--on-accent: #0a0f14;--body-gradient-spot: #1a2840;--accent-soft: rgba(77, 163, 255, .12);--accent-soft-strong: rgba(77, 163, 255, .16);--card-inset-top: rgba(255, 255, 255, .03);--status-dot-ring: rgba(15, 20, 25, .85);--chip-outline: rgba(0, 0, 0, .25);--unknown-strip: rgba(139, 154, 173, .45);--glyph-tile-end: rgba(26, 34, 44, .92);--glyph-tile-inset: rgba(255, 255, 255, .06);--glyph-tile-outer: rgba(0, 0, 0, .2);font-family:DM Sans,system-ui,sans-serif;line-height:1.45;color:var(--text);background:var(--bg)}html[data-theme=light]{color-scheme:light;--bg: #eef1f6;--surface: #ffffff;--surface2: #e4e9f0;--text: #121820;--muted: #5a6a7d;--accent: #1a6fd4;--border: #c8d0dc;--green: rgb(34, 138, 61);--amber: rgb(196, 132, 12);--red: rgb(200, 48, 42);--on-accent: #ffffff;--body-gradient-spot: #b8d4f0;--accent-soft: rgba(26, 111, 212, .12);--accent-soft-strong: rgba(26, 111, 212, .18);--card-inset-top: rgba(0, 0, 0, .045);--status-dot-ring: rgba(255, 255, 255, .95);--chip-outline: rgba(0, 0, 0, .14);--unknown-strip: rgba(90, 106, 125, .38);--glyph-tile-end: rgba(210, 218, 230, .98);--glyph-tile-inset: rgba(255, 255, 255, .75);--glyph-tile-outer: rgba(15, 25, 40, .1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 20% -10%,var(--body-gradient-spot) 0%,transparent 55%),var(--bg)}#root{min-height:100vh;min-height:100dvh}.app-shell{box-sizing:border-box;width:100%;max-width:min(1200px,calc(100vw - (2*clamp(12px,4vw,48px))));margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:0 clamp(12px,4vw,40px) clamp(16px,4vh,48px)}.app-shell>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:clamp(12px,2.5vh,24px) 0 clamp(8px,1.5vh,12px);border-bottom:1px solid var(--border);margin-bottom:clamp(12px,2vh,20px)}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:2.65rem;height:2.65rem;padding:0;margin:0;flex-shrink:0;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;line-height:0;transition:color .15s ease,background .15s ease,border-color .15s ease}.theme-toggle-btn:hover{color:var(--accent);background:var(--surface2);border-color:var(--accent)}.theme-toggle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell .app-title{margin:0;font-size:clamp(1.2rem,2.8vw,1.65rem);font-weight:700;line-height:1.2}.app-shell>nav{display:flex;gap:clamp(6px,1.5vw,10px);margin-bottom:clamp(12px,2vh,20px)}.app-main{flex:1;min-width:0}.app-error-panel{box-sizing:border-box;width:100%;max-width:min(560px,calc(100vw - 32px));margin:clamp(24px,8vh,48px) auto;padding:clamp(16px,4vw,24px)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.band-green{color:var(--green)}.band-amber{color:var(--amber)}.band-red{color:var(--red)}.badge-band{display:inline-flex;align-items:center;justify-content:center;min-width:3.25rem;padding:.2rem .5rem;border-radius:6px;font-weight:700;font-size:.72rem;letter-spacing:.04em}.badge-band.green{background:color-mix(in srgb,var(--green) 22%,transparent);color:var(--green)}.badge-band.amber{background:color-mix(in srgb,var(--amber) 22%,transparent);color:var(--amber)}.badge-band.red{background:color-mix(in srgb,var(--red) 22%,transparent);color:var(--red)}.logout-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:9px;padding:8px 12px;font-weight:600;font-size:.82rem}.auth-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:20px}.auth-card{width:min(440px,100%);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 12px 34px color-mix(in srgb,var(--bg) 45%,transparent)}.auth-title{margin:0;font-size:1.25rem}.auth-muted{color:var(--muted);font-size:.9rem;margin:8px 0 0}.auth-label{display:flex;flex-direction:column;gap:6px;margin-top:14px;font-size:.85rem;color:var(--muted);font-weight:600}.auth-input{border-radius:10px;border:1px solid var(--border);padding:10px 12px;font-size:.95rem;background:var(--surface2);color:var(--text);outline:none}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}.auth-btn{width:100%;border:none;border-radius:10px;margin-top:16px;padding:11px 14px;font-size:.95rem;font-weight:700;background:var(--accent);color:var(--on-accent)}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-error{margin:10px 0 0;color:var(--red);font-size:.86rem;font-weight:600}.auth-user-badge{position:fixed;right:14px;top:12px;z-index:10;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:600}.role-badge{border-radius:999px;border:1px solid var(--border);padding:5px 10px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.role-admin{color:var(--red);background:color-mix(in srgb,var(--red) 16%,transparent)}.role-advanced{color:var(--amber);background:color-mix(in srgb,var(--amber) 16%,transparent)}.role-basic{color:var(--green);background:color-mix(in srgb,var(--green) 16%,transparent)}