:root{--navy:#101c30;--navy-2:#172945;--canvas:#f1f5fa;--surface:#fff;--ink:#14233b;--muted:#59677b;--line:#dce4ef;--blue:#2869e8;--blue-soft:#eaf1ff;--green:#13805d;--amber:#bd7b13;--red:#c23b42;--violet:#6f63ee;--shadow:0 12px 30px rgba(29,52,84,.08);font-family:Inter,"Noto Sans Georgian",ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0;min-width:20rem;background:var(--canvas)}button{font:inherit}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:18px 14px;color:#d8e1ef;background:linear-gradient(180deg,#14243c,#0d1728)}.brand{display:flex;align-items:center;gap:11px;padding:2px 5px 22px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#f4f7fb;color:#14233b;font-weight:900}.brand strong{display:block;letter-spacing:.17em}.brand small{color:#8594aa;font-size:9px;letter-spacing:.2em}.workspace{display:grid;grid-template-columns:1fr auto;gap:5px;padding:11px 12px;border:1px solid #31435f;border-radius:10px;background:#1a2a43}.workspace small{grid-column:1/-1;color:#8797ad;text-transform:uppercase;font-size:9px;letter-spacing:.14em}.workspace em{color:#9cacbf;font-size:10px;font-style:normal}.new-task{display:flex;justify-content:space-between;margin:14px 0 20px;padding:13px;border-radius:10px;background:linear-gradient(135deg,#3478f0,#2e66d6);color:white;font-weight:800;box-shadow:0 8px 18px rgba(32,98,220,.25)}.nav-group{margin-bottom:14px}.nav-label{margin:0 8px 7px;color:#73839a;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.nav-group nav{display:grid;gap:4px}.nav-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:8px;border-radius:8px;color:#aeb9c9;font-size:12px}.nav-item.is-current{border-left:2px solid #4b8aff;background:#203657;color:#fff}.nav-icon{display:grid;width:28px;height:28px;place-items:center;border:1px solid #344963;border-radius:7px;font-size:8px;font-style:normal}.nav-count{padding:3px 6px;border-radius:20px;background:#26374f;font-size:9px;font-style:normal}.sidebar-footer{margin-top:auto;color:#8191a8;font-size:10px}.support-link{display:block;margin-top:10px;padding:10px;border:1px solid #31435f;border-radius:8px;color:#dce5f2}.main-canvas{min-width:0}.topbar{display:flex;align-items:center;gap:14px;height:62px;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92)}.mobile-menu{display:none}.search{display:flex;align-items:center;gap:10px;min-width:240px;max-width:560px;flex:1;padding:9px 12px;border:1px solid var(--line);border-radius:9px;color:#8793a4;background:#f9fbfd;font-size:11px}.search kbd{margin-left:auto;padding:3px 6px;border:1px solid var(--line);border-radius:5px;background:white}.top-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.badge,.view-chip{padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:#f5f7fa;color:#536176;font-size:9px;font-weight:700}.top-actions .badge:nth-child(1){color:var(--blue);background:var(--blue-soft)}.avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--navy);color:#fff;font-size:11px;font-weight:800}.page{display:grid;gap:18px;max-width:1420px;margin:auto;padding:26px 34px 90px}.quick-intake,.focus-section,.companies-section,.system-section{border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:var(--shadow)}.quick-intake{padding:25px;background:radial-gradient(circle at 95% 0,#e5e3ff 0,transparent 38%),linear-gradient(135deg,#fff,#f7f9ff)}.intake-heading{display:flex;align-items:center;gap:14px}.assistant-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--violet));color:white;font-weight:900;box-shadow:0 8px 20px rgba(76,91,230,.24)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:5px;font-size:21px}h2{margin-bottom:8px}.eyebrow{margin-bottom:6px;color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.16em}.muted{color:var(--muted);font-size:11px}.mode-row{display:flex;gap:7px;margin:16px 0 10px}.mode-chip{padding:8px 12px;border:1px solid #cfd9e9;border-radius:999px;background:#fff;color:#46556b;font-size:11px;font-weight:700}.mode-chip:first-child{border-color:#7fa8ff;color:var(--blue);background:#f6f9ff}.composer{display:flex;align-items:center;min-height:84px;padding:15px;border:1px solid #cdd8ea;border-radius:13px;background:#fff}.composer-placeholder{align-self:flex-start;color:#8a95a6;font-size:12px}.composer-action{margin-left:auto;align-self:flex-end;padding:10px 16px;border:0;border-radius:10px;background:#a9aff6;color:white;font-weight:800}.section-bar{display:flex;justify-content:space-between;padding:12px 18px;border-radius:16px 16px 0 0;background:var(--navy-2);color:#fff;font-size:10px;letter-spacing:.08em}.live-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#38d6a1;box-shadow:0 0 0 4px rgba(56,214,161,.12)}.focus-card{display:grid;grid-template-columns:1fr 220px;padding:20px}.focus-main h2{max-width:850px;font-size:23px}.tag-row{display:flex;gap:7px;margin-bottom:13px}.tag-row .badge:first-child{color:var(--blue);background:var(--blue-soft)}.owner{margin-bottom:3px;font-size:12px;font-weight:800}.next-step{margin:12px 0;color:#40526b;font-size:11px;font-weight:700}.due-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8faff}.due-card small{color:var(--muted)}.due-card strong{margin:5px 0 12px;color:var(--red);font-size:20px}.due-card button{padding:9px 13px;border:0;border-radius:9px;background:var(--blue);color:white;font-size:10px;font-weight:800}.focus-card footer{grid-column:1/-1;display:flex;gap:7px;margin:17px -20px -20px;padding:10px 20px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;padding:19px 20px 8px}.section-heading h2{font-size:18px}.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px 16px 17px}.company-card{overflow:hidden;border:1px solid #e8c47c;border-radius:12px;background:#fff}.company-card header{display:flex;align-items:center;gap:10px;padding:13px}.company-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:var(--blue-soft);color:var(--blue);font-size:9px;font-weight:900}.company-card h3{margin-bottom:3px;font-size:13px}.company-card p{margin:0}.company-card .badge{margin-left:auto;color:var(--amber);background:#fff7e8}.company-project{display:flex;justify-content:space-between;gap:10px;padding:10px 13px;border-top:1px solid var(--line);font-size:10px}.company-project b{color:var(--blue)}.system-list{padding:0 16px 16px}.system-list article{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px;border-top:1px solid var(--line)}.system-list p{margin:3px 0 0}.system-list em{color:var(--muted);font-size:10px;font-style:normal}.step-index{color:var(--blue);font-size:11px;font-weight:900}.assistant-fab{position:fixed;right:22px;bottom:18px;padding:13px 17px;border-radius:13px;background:var(--navy-2);color:#fff;font-size:11px;font-weight:800;box-shadow:0 10px 30px rgba(16,28,48,.25)}
@media(max-width:900px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.top-actions .badge,.view-chip{display:none}.company-grid{grid-template-columns:1fr}.focus-card{grid-template-columns:1fr}.due-card{align-items:flex-start;margin-top:10px}.page{padding:20px}}
@media(max-width:680px){.app-shell{display:block}.sidebar{display:none}.topbar{height:auto;padding:12px 14px}.mobile-menu{display:inline}.search{min-width:0}.top-actions{margin-left:0}.page{gap:13px;padding:14px 12px 80px}.quick-intake{padding:17px}.mode-row{overflow:auto}.composer{min-height:100px}.section-bar{gap:8px}.focus-card{padding:16px}.focus-main h2{font-size:19px}.focus-card footer{margin:14px -16px -16px;padding:10px 16px;overflow:auto}.section-heading{display:block}.assistant-fab{right:12px;bottom:12px}.company-grid{padding:8px 12px 13px}}
.due-action{padding:9px 13px;border-radius:9px;background:var(--blue);color:white;font-size:10px;font-weight:800}
