:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f3f5f8;font-synthesis:none;text-rendering:optimizeLegibility;--background: #f3f5f8;--surface: #ffffff;--surface-muted: #f7f8fa;--border: #dfe3e9;--text: #172033;--text-muted: #687287;--accent: #3157d5;--accent-strong: #2445b4;--accent-soft: #e9edff;--danger: #b42318;--danger-soft: #fff0ee;--sidebar: #111827;--sidebar-text: #dbe2ef;--sidebar-muted: #8995a9;--shadow: 0 18px 55px rgba(23, 32, 51, .09)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--background);color:var(--text)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}h1,p{margin-top:0}h1{margin-bottom:.55rem;font-size:clamp(1.8rem,3vw,2.35rem);line-height:1.08;letter-spacing:-.035em}.app-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:1.4rem 1rem;color:var(--sidebar-text);background:var(--sidebar)}.brand,.login-brand{display:flex;align-items:center;gap:.75rem}.brand{padding:.25rem .55rem 1.5rem}.brand>div{display:flex;flex-direction:column;gap:.1rem}.brand strong{font-size:1rem}.brand span:not(.brand-mark){color:var(--sidebar-muted);font-size:.75rem}.brand-mark{display:inline-grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border-radius:.65rem;color:#fff;background:linear-gradient(145deg,#6684f0,#3157d5);box-shadow:0 8px 20px #3157d54d;font-weight:800}.nav{display:flex;flex-direction:column;gap:.25rem}.nav-link{padding:.68rem .75rem;border:1px solid transparent;border-radius:.55rem;color:var(--sidebar-muted);font-size:.88rem;font-weight:550;text-decoration:none;transition:.15s ease}.nav-link:hover{color:var(--sidebar-text);background:#ffffff0e}.nav-link.active{border-color:#8197ff3d;color:#fff;background:#526fe733}.sidebar-note{margin:auto .55rem 0;color:var(--sidebar-muted);font-size:.72rem}.workspace{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:.75rem clamp(1rem,3vw,2.4rem);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent)}.topbar-environment,.identity{display:flex;align-items:center;gap:.65rem;color:var(--text-muted);font-size:.82rem}.status-dot{width:.45rem;height:.45rem;border-radius:50%;background:#22a06b;box-shadow:0 0 0 4px #22a06b1f}.content{width:min(1280px,100%);margin:0 auto;padding:clamp(1.5rem,4vw,3rem)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-heading p,.placeholder-page p,.access-card p,.login-card>p{margin-bottom:0;color:var(--text-muted)}.eyebrow{display:block;margin-bottom:.55rem;color:var(--accent);font-size:.7rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.count-badge,.role-badge{display:inline-flex;width:max-content;border:1px solid var(--border);border-radius:999px;background:var(--surface-muted);font-size:.76rem;font-weight:650}.count-badge{padding:.38rem .65rem;color:var(--text-muted)}.role-badge{padding:.22rem .5rem;color:var(--accent);background:var(--accent-soft)}.panel-card,.placeholder-page,.access-card,.login-card{border:1px solid var(--border);border-radius:.9rem;background:var(--surface);box-shadow:var(--shadow)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:.9rem 1rem;border-bottom:1px solid var(--border);text-align:left}th{color:var(--text-muted);background:var(--surface-muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}td{font-size:.84rem}tbody tr:hover{background:var(--surface-muted)}.user-id{max-width:13rem;overflow:hidden;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis}.plan-cell{display:flex;align-items:center;gap:.45rem}.plan-load-button{padding:0;border:0;color:var(--accent);background:transparent;font-size:.72rem;font-weight:650;text-decoration:underline;text-underline-offset:.18rem}.plan-load-button:hover:not(:disabled){color:var(--accent-strong)}.plan-error{color:var(--danger);font-size:.7rem}.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;color:var(--text-muted);font-size:.78rem}.pagination>div{display:flex;align-items:center;gap:.65rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:.48rem .8rem;border:1px solid transparent;border-radius:.5rem;font-size:.8rem;font-weight:650}.button-primary{color:#fff;background:var(--accent)}.button-primary:hover:not(:disabled){background:var(--accent-strong)}.button-secondary,.button-quiet{border-color:var(--border);color:var(--text);background:var(--surface)}.button-secondary:hover:not(:disabled),.button-quiet:hover:not(:disabled){background:var(--surface-muted)}.button-wide{width:100%}.state-block{display:flex;min-height:270px;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:2rem;color:var(--text-muted);text-align:center}.spinner{width:1.3rem;height:1.3rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:.72rem .8rem;border:1px solid;border-radius:.55rem;font-size:.82rem}.alert-error{border-color:color-mix(in srgb,var(--danger) 25%,var(--border));color:var(--danger);background:var(--danger-soft)}.alert-info{margin-top:1.25rem;border-color:color-mix(in srgb,var(--accent) 30%,var(--border));color:var(--text);background:var(--accent-soft)}.login-page,.access-page{display:grid;min-height:100vh;padding:1.5rem;place-items:center;background:radial-gradient(circle at 20% 15%,rgba(85,111,224,.16),transparent 28rem),var(--background)}.login-card,.access-card{width:min(100%,430px);padding:clamp(1.5rem,5vw,2.4rem)}.login-brand{margin-bottom:2.3rem;font-weight:750}.login-form{display:grid;gap:1rem;margin-top:1.8rem}.login-form label{display:grid;gap:.45rem;color:var(--text-muted);font-size:.78rem;font-weight:650}.login-form input{width:100%;min-height:2.7rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:.55rem;outline:none;color:var(--text);background:var(--surface-muted)}.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.api-hint{margin:1.5rem 0 0;overflow-wrap:anywhere;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.access-card .button{margin-top:1.5rem}.placeholder-page{min-height:300px;padding:clamp(1.5rem,4vw,2.5rem)}@media (prefers-color-scheme: dark){:root{--background: #0c111b;--surface: #141b28;--surface-muted: #192231;--border: #293548;--text: #e7ecf5;--text-muted: #97a4b8;--accent: #8da4ff;--accent-strong: #718ce9;--accent-soft: #202d55;--danger: #ff9289;--danger-soft: #3b2022;--sidebar: #090d14;--shadow: 0 18px 55px rgba(0, 0, 0, .28)}}@media (max-width: 760px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding-bottom:.8rem}.brand{padding-bottom:.9rem}.nav{flex-direction:row;overflow-x:auto;padding-bottom:.25rem}.nav-link{flex:0 0 auto}.sidebar-note,.topbar-environment{display:none}.topbar{justify-content:flex-end}.identity span{max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-heading,.pagination{align-items:flex-start;flex-direction:column}}