:root{color-scheme:light;--bg: #f3f5f7;--panel: #ffffff;--panel-2: #f8fafc;--panel-3: #eef2f6;--border: #d9e0e8;--text: #17202a;--muted: #657386;--dim: #8a97a6;--accent: #c8841a;--accent-2: #167b9f;--rail: #151a22;--rail-2: #202731;--rail-border: #303946;--rail-text: #f8fafc;--rail-muted: #a9b7c8;--green: #2dd47f;--red: #ff6575;--sidebar: 248px;--sidebar-small: 72px;--topbar: 64px;--radius: 8px;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(140deg,rgba(200,132,26,.12),transparent 36%),linear-gradient(320deg,rgba(22,123,159,.13),transparent 42%),var(--bg)}.login-panel{width:min(440px,100%);background:#fffffff0;border:1px solid var(--border);border-radius:12px;padding:clamp(24px,5vw,40px);box-shadow:0 24px 80px #10182824}.brand-mark{width:52px;height:52px;display:grid;place-items:center;color:#fff;background:var(--accent);border-radius:10px;margin-bottom:18px}.login-panel h1,.page-title h1{margin:0;letter-spacing:0}.login-panel p,.page-title p,.muted{color:var(--muted);line-height:1.55}.form-stack{display:grid;gap:14px;margin-top:24px}.form-stack label{display:grid;gap:6px;color:var(--muted);font-size:13px}input,select,textarea{width:100%;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c8841a24}.btn,.icon-btn{border:1px solid transparent;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;font-weight:700}.btn-primary{background:var(--accent);color:#fff}.btn-ghost,.icon-btn{background:var(--panel-2);color:var(--text);border-color:var(--border)}.icon-btn{width:38px;padding:0;flex:0 0 auto}.alert{padding:10px 12px;border-radius:var(--radius)}.alert-error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr;transition:grid-template-columns .2s ease}.shell-collapsed{grid-template-columns:var(--sidebar-small) 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--rail);border-right:1px solid var(--rail-border);color:var(--rail-text);display:flex;flex-direction:column;min-width:0}.sidebar-head,.sidebar-foot,.topbar,.page-title,.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-head{height:var(--topbar);padding:0 16px;border-bottom:1px solid var(--rail-border)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand span,.user-chip span{width:34px;height:34px;display:grid;place-items:center;background:#c8841a33;border:1px solid rgba(200,132,26,.42);border-radius:8px;color:var(--accent);font-weight:900}.brand strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav{padding:14px 10px;display:grid;gap:4px}.nav a{color:var(--rail-muted);display:flex;align-items:center;gap:12px;min-height:42px;padding:0 12px;border-radius:var(--radius);text-decoration:none;font-weight:700}.nav a.active,.nav a:hover{color:#ffd27a;background:#c8841a29}.shell-collapsed .nav a span,.shell-collapsed .brand strong,.shell-collapsed .user-chip div{display:none}.shell-collapsed .nav a{justify-content:center;padding:0}.sidebar-foot{margin-top:auto;padding:12px;border-top:1px solid var(--rail-border)}.user-chip{display:flex;align-items:center;gap:10px;min-width:0}.user-chip div{min-width:0;display:grid}.user-chip b,.user-chip small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip small{color:var(--rail-muted)}.sidebar .icon-btn{background:var(--rail-2);color:var(--rail-text);border-color:var(--rail-border)}.workspace{min-width:0}.topbar{height:var(--topbar);padding:0 20px;position:sticky;top:0;background:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);z-index:20}.top-search{flex:1;max-width:560px;display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:0 12px}.top-search input{border:0;background:transparent;box-shadow:none;padding:10px 0}.content{padding:clamp(16px,3vw,28px)}.page-title{margin-bottom:22px;align-items:flex-start}.page-title h1{font-size:clamp(24px,3vw,34px)}.page-title p{margin:6px 0 0;max-width:820px}.ops-strip{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin-bottom:14px}.ops-strip div{background:linear-gradient(135deg,#fff,#f5f8fb);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:grid;gap:4px}.ops-strip span,.ops-strip small{color:var(--muted)}.ops-strip b{font-size:22px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric,.panel,.stage,.client-card,.task-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.metric{padding:16px;display:grid;gap:8px}.metric svg{color:var(--accent-2)}.metric span,.metric small,.stage span,.client-card span,.client-card small,.task-card span,.task-card small{color:var(--muted)}.metric b{font-size:clamp(24px,4vw,34px)}.panel{padding:18px;min-width:0}.panel h2,.stage header b{margin:0;font-size:16px}.two-col,.client-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.client-layout{grid-template-columns:minmax(260px,360px) minmax(0,1fr)}.side-stack{display:grid;gap:16px;align-content:start}.row{padding:11px 0;border-bottom:1px solid rgba(23,32,42,.08)}.row:last-child{border-bottom:0}.row small{color:var(--muted)}.bars{display:grid;gap:12px}.bars div{display:grid;grid-template-columns:110px minmax(24px,1fr) 44px;gap:10px;align-items:center}.bars b{display:block;height:8px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px}.bars span,.bars em{color:var(--muted);font-style:normal}.client-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:16px}.segmented{display:flex;flex-wrap:wrap;gap:6px;min-width:0;padding:5px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.segmented button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:6px;min-height:42px;padding:7px 11px;display:inline-flex;align-items:center;gap:8px;font-weight:800;white-space:nowrap}.segmented button.active{color:var(--text);background:var(--panel-3);border-color:var(--border)}.segmented small{min-width:28px;padding:2px 7px;border-radius:999px;background:#167b9f1f;color:var(--accent-2);text-align:center;font-weight:900}.bucket-segment small{min-width:auto}.empty-state{display:grid;place-items:center;min-height:220px;color:var(--muted);background:var(--panel);border:1px dashed var(--border);border-radius:var(--radius);padding:24px;text-align:center}.kanban,.task-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,340px);gap:14px;overflow-x:auto;padding-bottom:10px}.stage{min-height:260px;padding:10px}.stage header{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 12px}.stage header span{background:var(--panel-2);border-radius:999px;padding:2px 8px;font-size:12px}.client-card,.task-card{width:100%;text-align:left;padding:12px;display:grid;gap:6px;margin-bottom:8px;color:var(--text)}.client-card:hover{border-color:var(--accent);transform:translateY(-1px)}.table-list{display:grid;gap:8px}.table-list button{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:12px;align-items:center;width:100%;text-align:left;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.table-list span,.table-list small{color:var(--muted)}.details{display:grid;grid-template-columns:120px 1fr;gap:10px;margin:0}.details dt{color:var(--muted)}.details dd{margin:0;min-width:0;overflow-wrap:anywhere}.messages{max-height:calc(100vh - 170px);overflow:auto}.message{padding:12px;border-radius:var(--radius);background:var(--panel-2);margin-bottom:8px}.message.out{border-left:3px solid var(--accent)}.message.in{border-left:3px solid var(--accent-2)}.message p{margin:6px 0;line-height:1.5}.message span,.message small{color:var(--muted)}.session-list{display:grid;gap:10px}.session{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:12px;background:var(--panel-2);border-radius:var(--radius)}.session span{display:block;color:var(--muted);margin-top:2px}.session small{color:var(--muted)}.session-wide{align-items:start}.session-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.fact-row,.call-row{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid rgba(23,32,42,.08)}.fact-row:last-child,.call-row:last-child{border-bottom:0}.fact-row svg,.call-row svg{color:var(--accent-2);margin-top:2px}.fact-row span,.call-row span,.fact-row small,.call-row small{display:block;color:var(--muted);margin-top:2px}.events-panel{margin-top:16px}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.setting-pill{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:grid;gap:4px}.setting-pill span{color:var(--muted)}.loading{color:var(--muted);padding:24px}.mobile-only{display:none}@media(max-width:1100px){.metric-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-toolbar,.two-col,.client-layout{grid-template-columns:1fr}.messages{max-height:none}}@media(max-width:760px){.shell,.shell-collapsed{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:min(86vw,320px);transform:translate(-105%);transition:transform .2s ease;z-index:40;box-shadow:24px 0 80px #1018283d}.sidebar-open{transform:translate(0)}.mobile-only{display:inline-flex}.topbar{padding:0 12px;gap:8px}.topbar .btn span,.topbar .btn-ghost{font-size:0;padding-inline:10px}.top-search{max-width:none}.content{padding:16px 12px}.page-title{display:grid}.metric-grid,.settings-grid,.ops-strip{grid-template-columns:1fr}.segmented{display:grid;grid-template-columns:1fr}.segmented button{justify-content:space-between;white-space:normal;text-align:left}.kanban,.task-board{grid-auto-columns:minmax(260px,88vw)}.table-list button{grid-template-columns:1fr}.session{grid-template-columns:28px 1fr}.session small{grid-column:2}.session-actions{grid-column:1 / -1;justify-content:stretch}.session-actions .btn{flex:1}}