:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.app-shell{--header-height:64px;--left-drawer-width:320px;--right-panel-width:390px;--surface:#f7f8fa;--surface-strong:#fff;--surface-soft:#eef1f4;--border:#d7dce3;--text:#1c2633;--text-muted:#5d6978;--text-soft:#7f8a99;--accent:#0f766e;--accent-soft:#d8f3ef;--danger:#b42318;--shadow:0 18px 45px #0f172a29;background:var(--surface);color:var(--text);height:100vh;overflow:hidden}.app-shell[data-theme=dark]{--surface:#111417;--surface-strong:#191e23;--surface-soft:#232a31;--border:#303942;--text:#f3f6f8;--text-muted:#b6c0ca;--text-soft:#82909d;--accent:#5eead4;--accent-soft:#143f3d;--danger:#fda29b;--shadow:0 18px 45px #0000005c}.topbar{background:var(--surface-strong);border-bottom:1px solid var(--border);height:var(--header-height);grid-template-columns:44px auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px;display:grid}.brand{color:var(--text);align-items:center;gap:9px;min-width:0;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);color:var(--surface-strong);border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:750;display:inline-flex}.brand-name{white-space:nowrap;font-size:16px;font-weight:700}.topbar-status,.topbar-actions{align-items:center;gap:8px;min-width:0;display:flex}.topbar-status{overflow:hidden}.topbar-actions{justify-content:flex-end}.status-pill{background:var(--surface-soft);border:1px solid var(--border);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:12px;line-height:1;overflow:hidden}.icon-button,.context-toggle{color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.icon-button:hover,.context-toggle:hover{background:var(--surface-soft);border-color:var(--border)}.user-chip{background:var(--surface-soft);border:1px solid var(--border);color:var(--text);border-radius:6px;align-items:center;gap:8px;min-width:0;max-width:220px;height:38px;padding:0 10px;text-decoration:none;display:inline-flex}.user-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shell-body{height:calc(100vh - var(--header-height));grid-template-columns:minmax(0,1fr);min-height:0;display:grid;position:relative}.workspace{min-height:0;overflow:hidden}.workspace-grid{height:100%;min-height:0;display:grid}.workspace-primary{grid-template-rows:auto minmax(0,1fr);min-height:0;padding:18px;display:grid}.workspace-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:14px;padding:0 0 14px;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:700}.workspace-heading h1{margin:0;font-size:28px;line-height:1.1}.workspace-scroll,.context-scroll,.nav-scroll{min-height:0;overflow:auto}.workspace-scroll{grid-auto-rows:min-content;gap:12px;padding:14px 0;display:grid}.panel-section{background:var(--surface-strong);border:1px solid var(--border);border-radius:8px;padding:14px}.panel-section h2{margin:0 0 8px;font-size:15px}.panel-section.warning{border-color:color-mix(in srgb, var(--danger) 45%, var(--border))}.panel-section p{color:var(--text-muted);margin:0}.left-drawer{background:var(--surface-strong);border-right:1px solid var(--border);box-shadow:var(--shadow);max-width:calc(100vw - 32px);height:100%;width:var(--left-drawer-width);z-index:30;grid-template-rows:auto minmax(0,1fr);transition:transform .16s;display:grid;position:absolute;top:0;left:0;transform:translate(-105%)}.left-drawer.open{transform:translate(0)}.drawer-header,.context-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:54px;padding:0 12px;display:flex}.drawer-title,.context-header span{font-weight:700}.drawer-backdrop,.context-backdrop{z-index:20;background:#00000057;border:0;position:absolute;inset:0}.nav-scroll{padding:8px}.nav-message{color:var(--text-muted);padding:10px;font-size:14px}.nav-message.error{color:var(--danger)}.menu-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.menu-link{color:var(--text);min-height:36px;padding:6px 8px 6px calc(8px + (var(--depth) * 18px));border-radius:6px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;text-decoration:none;display:grid}.menu-link:hover{background:var(--surface-soft)}.menu-link.muted{color:var(--text-muted)}.menu-status{color:var(--text-soft);font-size:11px}.right-panel{background:var(--surface-strong);border-left:1px solid var(--border);box-shadow:var(--shadow);max-width:calc(100vw - 32px);height:100%;width:var(--right-panel-width);z-index:30;grid-template-rows:auto minmax(0,1fr);transition:transform .16s;display:grid;position:absolute;top:0;right:0;transform:translate(105%)}.right-panel.open{transform:translate(0)}.context-scroll{grid-auto-rows:min-content;gap:10px;padding:12px;display:grid}.context-row{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;gap:4px;padding:10px;display:grid}.context-row span{color:var(--text-soft);font-size:12px}.context-row strong{overflow-wrap:anywhere;font-size:14px}.login-view{place-items:start center;height:100%;padding:42px 18px;display:grid;overflow:auto}.login-panel{background:var(--surface-strong);border:1px solid var(--border);border-radius:8px;gap:18px;width:100%;max-width:420px;padding:18px;display:grid}.login-panel h1{margin:4px 0 0;font-size:28px;line-height:1.1}.login-form{gap:12px;display:grid}.login-form label{color:var(--text-muted);gap:6px;font-size:13px;display:grid}.login-form input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;height:38px;padding:0 10px}.primary-action,.secondary-action{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 12px;display:inline-flex}.primary-action{background:var(--accent);border:1px solid var(--accent);color:var(--surface-strong)}.secondary-action{background:var(--surface-soft);border:1px solid var(--border);color:var(--text)}.primary-action:disabled,.secondary-action:disabled,.login-form input:disabled{cursor:not-allowed;opacity:.65}.form-error{color:var(--danger);margin:0;font-size:13px}@media (width>=1800px){.shell-body{grid-template-columns:minmax(0, 1fr) var(--right-panel-width)}.right-panel{box-shadow:none;grid-column:2;position:static;transform:none}.right-panel .context-header .icon-button,.context-toggle,.context-backdrop{display:none}}@media (width<=900px){.topbar{grid-template-columns:44px auto minmax(0,1fr) auto}.status-pill:nth-child(2){display:none}.user-chip{max-width:140px}}