:root,:root[data-theme=dark]{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg-shell: radial-gradient(circle at top, rgba(148, 163, 184, .18), transparent 30%), linear-gradient(180deg, #1f2937 0%, #111827 100%);--bg-body: #0f172a;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--panel-bg: rgba(15, 23, 42, .82);--panel-soft-bg: rgba(30, 41, 59, .46);--panel-border: rgba(148, 163, 184, .18);--panel-shadow: 0 20px 80px rgba(2, 6, 23, .28);--brand-bg: linear-gradient(180deg, rgba(248, 250, 252, .18), rgba(148, 163, 184, .1));--hover-bg: rgba(148, 163, 184, .12);--active-bg: rgba(148, 163, 184, .18);--chip-bg: rgba(148, 163, 184, .12);--chip-border: rgba(148, 163, 184, .18);--message-user-bg: rgba(255, 255, 255, .05);--message-assistant-bg: rgba(96, 165, 250, .12);--input-bg: rgba(255, 255, 255, .04);--primary-bg: #f8fafc;--primary-text: #0f172a;--error-text: #fca5a5;--status-ok: #4ade80;background:var(--bg-shell);color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{color-scheme:light;--bg-shell: radial-gradient(circle at top, rgba(59, 130, 246, .12), transparent 28%), linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);--bg-body: #e5e7eb;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--panel-bg: rgba(255, 255, 255, .82);--panel-soft-bg: rgba(255, 255, 255, .66);--panel-border: rgba(148, 163, 184, .26);--panel-shadow: 0 20px 60px rgba(148, 163, 184, .18);--brand-bg: linear-gradient(180deg, rgba(59, 130, 246, .14), rgba(148, 163, 184, .08));--hover-bg: rgba(148, 163, 184, .14);--active-bg: rgba(59, 130, 246, .12);--chip-bg: rgba(226, 232, 240, .9);--chip-border: rgba(148, 163, 184, .26);--message-user-bg: rgba(248, 250, 252, .95);--message-assistant-bg: rgba(219, 234, 254, .82);--input-bg: rgba(248, 250, 252, .92);--primary-bg: #0f172a;--primary-text: #f8fafc;--error-text: #dc2626;--status-ok: #16a34a}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:var(--bg-body);color:var(--text-primary)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{border:0;cursor:pointer}input{color:var(--text-primary)}input::placeholder{color:var(--text-muted)}.shell{display:grid;grid-template-columns:288px minmax(0,1fr);min-height:100vh;gap:20px;padding:20px}.sidebar,.content,.page-stack,.dialog-list,.message-list,.login-form{display:flex;flex-direction:column}.sidebar{justify-content:space-between;gap:20px}.content{min-width:0;gap:20px}.content__body,.page-stack,.dialog-list,.message-list{gap:16px}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:24px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:20px}.panel--soft{background:var(--panel-soft-bg)}.sidebar__brand,.sidebar__footer,.section-heading,.dialog-row,.dialog-row__meta,.content__header,.message-card__header,.field__control,.status-pill,.ghost-button,.back-link,.header-actions{display:flex;align-items:center}.sidebar__brand,.section-heading,.dialog-row,.content__header,.message-card__header{justify-content:space-between}.sidebar__brand{gap:10px}.sidebar__brand-copy{min-width:0}.brand-mark{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--brand-bg)}.sidebar__brand .eyebrow{margin-bottom:4px;font-size:.64rem;letter-spacing:.1em}.eyebrow,.muted{color:var(--text-muted)}.eyebrow{margin:0 0 6px;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.muted{margin:0;font-size:.92rem}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-weight:600}.sidebar__title{display:grid;gap:1px;font-size:clamp(.92rem,.86rem + .28vw,1.04rem);line-height:1.04;letter-spacing:-.03em;white-space:nowrap}.sidebar__nav{display:grid;gap:8px}.nav-link,.ghost-button,.primary-button,.dialog-row,.back-link{transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.nav-link{display:flex;align-items:center;gap:12px;border-radius:16px;padding:12px 14px;color:var(--text-secondary)}.nav-link:hover,.ghost-button:hover,.dialog-row:hover,.back-link:hover{background:var(--hover-bg)}.nav-link--active{background:var(--active-bg);color:var(--text-primary)}.sidebar__footer{justify-content:space-between;gap:8px}.sidebar__footer--session{padding:14px 16px;border-radius:20px}.sidebar__footer--session .eyebrow{margin-bottom:2px;font-size:.62rem;letter-spacing:.09em}.session-card__content{min-width:0;display:grid;gap:2px}.session-card__login{display:block;font-size:.78rem;line-height:1.18;color:var(--text-primary)}.session-card__role{font-size:.68rem;line-height:1.12}.ghost-button{gap:8px;color:var(--text-secondary);background:transparent;border-radius:14px;padding:10px 12px}.ghost-button--compact{gap:6px;padding:8px 10px;font-size:.82rem;line-height:1}.ghost-button--toggle{border:1px solid var(--panel-border)}.status-pill,.status-chip{border:1px solid var(--chip-border);border-radius:999px;background:var(--chip-bg)}.status-pill{gap:10px;padding:8px 12px;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--status-ok);box-shadow:0 0 14px color-mix(in srgb,var(--status-ok) 60%,transparent)}.header-actions{gap:12px;flex-wrap:wrap;justify-content:flex-end}.grid{display:grid;gap:16px}.grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{gap:8px}.hero-card,.stat-card{display:flex;flex-direction:column}.hero-card{gap:12px;padding:28px}.hero-copy{max-width:60ch;color:var(--text-secondary);line-height:1.6;overflow-wrap:anywhere}.dialog-row{gap:16px;border:1px solid var(--panel-border);border-radius:18px;padding:16px}.dialog-row__content{min-width:0}.dialog-row__meta{gap:10px;flex-wrap:wrap;justify-content:flex-end}.status-chip{display:inline-flex;align-items:center;padding:6px 10px;color:var(--text-secondary);font-size:.84rem}.status-chip--alert{border-color:#ffb86b40;background:#ffb86b14;color:#ffc98c}.message-card{border-radius:20px;padding:16px;border:1px solid var(--panel-border)}.message-card--assistant{background:var(--message-assistant-bg)}.message-card--user{background:var(--message-user-bg)}.message-card p{margin-top:10px;color:var(--text-primary);line-height:1.5}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,460px);padding:32px}.login-form{margin-top:24px;gap:18px}.field{display:grid;gap:10px}.field span{color:var(--text-primary)}.field__control{gap:10px;border-radius:16px;border:1px solid var(--panel-border);background:var(--input-bg);padding:0 14px}.field__control input{width:100%;background:transparent;border:0;outline:0;padding:14px 0}.primary-button{border-radius:16px;padding:14px 16px;background:var(--primary-bg);color:var(--primary-text);font-weight:600}.primary-button:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.72;cursor:progress}.error-text{color:var(--error-text);overflow-wrap:anywhere}.back-link{gap:8px;width:fit-content;padding:8px 12px;border-radius:999px;color:var(--text-secondary)}.wrap-anywhere{overflow-wrap:anywhere;word-break:break-word}.empty-state{margin-top:16px}@media (max-width: 1100px){.shell,.grid--three{grid-template-columns:1fr}}@media (max-width: 720px){.shell,.login-screen{padding:14px}.panel,.login-card{padding:18px}.dialog-row,.content__header,.section-heading,.sidebar__footer{align-items:flex-start;flex-direction:column}.header-actions,.dialog-row__meta{justify-content:flex-start}}
