:root{--ink:#0b1220;--ink-2:#131c2e;--panel:#fff;--bg:#f3f5f9;--line:#e6eaf1;--txt:#1b2437;--muted:#66708a;--blue:#2563eb;--blue-soft:#eaf0fe;--ai:#6d4aff;--ai-soft:#f0edff;--green:#0f9d58;--green-soft:#e7f6ee;--amber:#c77700;--amber-soft:#fff3e0;--red:#d3382f;--red-soft:#fdebea;--r:14px;font-size:15px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--txt);min-height:100vh;font-family:Inter,system-ui,sans-serif}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:var(--blue);font-weight:600;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.01em;font-family:Manrope,sans-serif;font-weight:800}.shell{max-width:920px;margin:0 auto;padding:28px 20px}.shellbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:16px;display:flex}.shellbar h1{font-size:1.25rem}.who{align-items:center;gap:10px;display:flex}.chip{background:var(--blue-soft);color:var(--blue);border-radius:99px;padding:3px 9px;font-size:.74rem;font-weight:600;display:inline-block}.btn-quiet.slim{background:var(--panel);border:1px solid var(--line);border-radius:10px;width:auto;margin:0;padding:8px 14px;font-size:.86rem;font-weight:600}.sub{color:var(--muted);font-size:.9rem;line-height:1.5}.msg{border-radius:10px;align-items:flex-start;gap:10px;margin-top:16px;padding:10px 12px;font-size:.86rem;font-weight:600;line-height:1.45;display:none}.msg.on{display:flex}.msg.err{background:var(--red-soft);color:var(--red)}.msg .i{background:currentColor;border-radius:99px;flex:none;place-items:center;width:18px;height:18px;font-size:.72rem;font-weight:800;display:grid}.msg .i:after{color:#fff}.msg .i.x:after{content:"!"}.app{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--ink);color:#c6cedd;flex-direction:column;padding:18px 14px;display:flex}.brand{color:#fff;letter-spacing:.2px;align-items:center;gap:10px;padding:4px 8px 20px;font-family:Manrope,sans-serif;font-size:1.02rem;font-weight:800;display:flex}.brand .logo{background:linear-gradient(135deg,var(--blue),var(--ai));border-radius:9px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.brand-sub{color:#7fa4f5;letter-spacing:.12em;font-size:.72rem;font-weight:600}.nav{flex-direction:column;gap:2px;display:flex}.nav-item{color:#aeb8cc;text-align:left;border-radius:10px;align-items:center;gap:11px;width:100%;padding:10px 12px;font-size:.94rem;font-weight:500;text-decoration:none;display:flex}a.nav-item:hover{background:var(--ink-2);color:#fff;text-decoration:none}.nav-item.active{background:var(--blue);color:#fff;font-weight:600}.nav-disabled{color:#5b667e;cursor:not-allowed;-webkit-user-select:none;user-select:none}.side-foot{background:var(--ink-2);border-radius:12px;margin-top:auto;padding:13px}.side-foot .dname{color:#fff;font-size:.9rem;font-weight:700}.conn{border-top:1px solid #223049;flex-direction:column;gap:6px;margin-top:11px;padding-top:11px;display:flex}.conn div{align-items:center;gap:7px;font-size:.78rem;display:flex}.dot{border-radius:99px;flex:none;width:8px;height:8px}.dot.r{background:#f87171;box-shadow:0 0 0 3px #f871712e}.mainpane{max-width:100%;padding:24px 26px;overflow-y:auto}.sec{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);margin-bottom:14px}.sec-h{border-bottom:1px solid var(--line);align-items:center;padding:14px 18px;display:flex}.sec-h h2{font-size:.98rem;font-weight:700}.sec-b{padding:14px 18px;font-size:.9rem}.note{color:var(--muted);font-size:.84rem;line-height:1.5}.ctl{background:var(--bg);border:1px solid var(--line);color:var(--muted);cursor:not-allowed;border-radius:10px;align-items:center;gap:8px;margin:6px 10px 6px 0;padding:9px 14px;font-size:.86rem;font-weight:600;display:inline-flex}table.staff{border-collapse:collapse;width:100%;font-size:.88rem}table.staff th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:left;border-bottom:1px solid var(--line);padding:9px 6px;font-size:.72rem}table.staff td{border-bottom:1px solid var(--line);padding:10px 6px}.warnbox{background:var(--amber-soft);color:var(--amber);border-radius:10px;padding:10px 12px;font-size:.85rem;font-weight:600}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);min-width:0;padding:16px 17px}.kpi-lbl{color:var(--muted);font-size:.8rem;font-weight:500}.kpi-num{margin-top:2px;font-family:Manrope,sans-serif;font-size:1.7rem;font-weight:800}.filters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.fin{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--txt);border-radius:10px;min-width:0;padding:9px 11px;font-size:.86rem}.fbtn{font:inherit;border:1px solid var(--line);background:var(--blue);color:#fff;cursor:pointer;border-radius:10px;padding:9px 14px;font-size:.86rem;font-weight:600}.inbox-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:14px;display:grid}.convos{margin:0;padding:0;font-size:.88rem;list-style:none}.convos li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 0;display:flex}.cname{font-weight:600}.week{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.day{border:1px solid var(--line);border-radius:10px;min-width:0;overflow:hidden}.dh{background:var(--bg);color:var(--muted);padding:6px 8px;font-size:.74rem;font-weight:700}.dbody{text-align:center;padding:14px 8px}@media (max-width:1200px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.inbox-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:768px){.kpis{grid-template-columns:minmax(0,1fr)}.week{grid-template-columns:repeat(2,minmax(0,1fr))}.filters .fin{flex:100%}}@media (max-width:1200px){.app{grid-template-columns:210px 1fr}}@media (max-width:768px){.app{grid-template-columns:1fr}.sidebar{flex-direction:column;padding:10px 12px}.nav{flex-flow:wrap;gap:4px}.nav-item{width:auto;padding:8px 10px;font-size:.85rem}.side-foot{margin-top:10px}.mainpane{padding:16px 14px}}
