:root{--navy:#071827;--navy2:#0e2940;--blue:#2493d1;--blue2:#1077b5;--ink:#142333;--muted:#66788a;--line:#dde6ec;--bg:#f3f7f9;--white:#fff;--red:#c93b45;--amber:#d88813;--green:#1d8a5b;--shadow:0 14px 40px rgba(12,35,56,.12)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}.error{color:var(--red);font-size:13px}.eyebrow{margin:0 0 3px;color:var(--blue);font-weight:800;font-size:11px;letter-spacing:.12em}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 80% 20%,#164b6d 0,transparent 30%),linear-gradient(135deg,#06121f,#0c2840)}.login-card{width:min(92vw,460px);background:#fff;border-radius:20px;padding:34px;box-shadow:var(--shadow)}.login-card h1{font-size:30px;line-height:1.08;margin:30px 0 10px}.brand-row{display:flex;align-items:center;gap:12px}.brand-row strong,.brand-row span{display:block}.brand-row span{font-size:12px;color:var(--muted);margin-top:2px}.brand-mark{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,var(--blue),#64b9e6);display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:-.04em}.stack{display:grid;gap:14px;margin-top:26px}label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#415466}input,select,textarea{width:100%;border:1px solid #cfdbe3;border-radius:10px;padding:10px 12px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,147,209,.12)}textarea{min-height:90px;resize:vertical}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:800}.btn.primary{background:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue2)}.btn.secondary{background:#e9f4fa;color:#0a608f}.btn.ghost{background:transparent;border:1px solid #cedae2;color:inherit}.btn.danger{background:#fff0f1;color:var(--red)}.btn.small{padding:7px 10px;font-size:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.sidebar{background:var(--navy);color:#fff;padding:20px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{padding:4px 8px 22px}.sidebar-brand span{color:#8ba4b8}.sidebar nav{display:grid;gap:5px}.nav-btn{border:0;background:transparent;color:#bed0dc;text-align:left;padding:11px 12px;border-radius:9px;font-weight:700}.nav-btn:hover,.nav-btn.active{background:#143650;color:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:14px 8px 2px}.user-name{font-weight:800;font-size:13px;margin-bottom:8px}.workspace{min-width:0}.topbar{height:86px;background:#fff;border-bottom:1px solid var(--line);padding:17px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:5}.topbar h2{margin:0;font-size:26px}.top-actions{display:flex;align-items:center;gap:12px}.brand-switch{display:flex;background:#edf3f6;padding:3px;border-radius:10px}.brand-switch button{border:0;background:transparent;padding:7px 10px;border-radius:8px;font-weight:800;color:#607484}.brand-switch button.active{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(0,0,0,.08)}.content{padding:24px 28px 50px}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.kpi .label{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.kpi .value{font-size:28px;font-weight:900;margin-top:5px}.kpi.alert .value{color:var(--red)}.kpi.warn .value{color:var(--amber)}.kpi.good .value{color:var(--green)}.section{margin-top:22px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px;gap:12px}.section-head h3{margin:0;font-size:18px}.section-head p{margin:4px 0 0;font-size:12px;color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:880px}.data-table th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;text-align:left;color:#6d7f8f;background:#f8fafb;padding:11px 12px;border-bottom:1px solid var(--line)}.data-table td{padding:11px 12px;border-bottom:1px solid #edf1f4;font-size:13px;vertical-align:top}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfdfe}.click-row{cursor:pointer}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;background:#edf2f5;color:#536878}.pill.sfa{background:#e8f5fb;color:#0b6e9f}.pill.v3{background:#eef0f2;color:#273d4f}.pill.overdue{background:#fff0f1;color:var(--red)}.pill.today{background:#fff6e8;color:#a66208}.pill.next{background:#eaf7f1;color:#19734d}.pill.stage{background:#edf5fb;color:#285c7b}.pill.a{background:#fff0f1;color:#b52d37}.pill.b{background:#fff6e8;color:#9a610d}.pill.c{background:#eef2f4;color:#536878}.queue-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.queue-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.queue-card h4{margin:0 0 12px}.action-item{padding:11px 0;border-top:1px solid #edf1f4}.action-item:first-of-type{border-top:0}.action-item strong{font-size:13px}.action-meta{display:flex;gap:7px;flex-wrap:wrap;margin:6px 0}.action-text{font-size:12px;color:#415466}.empty{padding:34px;text-align:center;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters input,.filters select{width:auto;min-width:140px;padding:8px 10px}.stage-board{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:12px;overflow:auto;padding-bottom:4px}.stage-col{background:#eaf0f4;border-radius:14px;padding:10px;min-height:220px}.stage-col h4{margin:2px 4px 9px;font-size:12px;text-transform:uppercase;color:#617586}.opp-card{background:#fff;border:1px solid #d8e2e8;border-radius:10px;padding:11px;margin-bottom:8px;box-shadow:0 2px 4px rgba(8,28,43,.04);cursor:pointer}.opp-card:hover{border-color:#9dcde7}.opp-card strong{display:block;font-size:13px}.opp-card .small-line{font-size:11px;color:var(--muted);margin-top:4px}.modal{position:fixed;inset:0;z-index:20}.modal-backdrop{position:absolute;inset:0;background:rgba(3,16,27,.5)}.modal-card{position:absolute;right:0;top:0;height:100%;width:min(94vw,560px);background:#fff;padding:26px;overflow:auto;box-shadow:-16px 0 50px rgba(0,0,0,.18)}.modal-x{position:absolute;right:16px;top:13px;border:0;background:#eef3f6;width:32px;height:32px;border-radius:50%;font-size:20px}.modal-card h3{margin:4px 0 6px;font-size:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.activity-types{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.activity-types button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 10px;font-weight:800;font-size:11px}.activity-types button.active{background:#e8f5fb;border-color:#8bc7e5;color:#08638f}.toast{position:fixed;right:20px;bottom:20px;z-index:50;background:#102b3f;color:#fff;padding:11px 14px;border-radius:10px;box-shadow:var(--shadow);font-size:13px}.toast.bad{background:#8d2430}.hygiene{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hygiene-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px}.hygiene-card strong{font-size:23px;display:block}.hygiene-card span{font-size:11px;color:var(--muted)}.note-box{padding:12px 14px;background:#f1f8fc;border:1px solid #cce5f2;border-radius:10px;color:#31566d;font-size:12px}.link{color:#0877ad;text-decoration:none;font-weight:700}.link:hover{text-decoration:underline}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.queue-grid{grid-template-columns:1fr}.stage-board{grid-template-columns:repeat(3,minmax(230px,1fr))}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:15;left:0;right:0;bottom:0;top:auto;height:62px;padding:6px;background:var(--navy);display:block}.sidebar-brand,.sidebar-foot{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.nav-btn{text-align:center;padding:9px 3px;font-size:10px}.workspace{padding-bottom:62px}.topbar{height:auto;min-height:80px;padding:13px 14px;align-items:flex-start}.topbar h2{font-size:21px}.top-actions{align-items:flex-end;flex-direction:column-reverse;gap:7px}.brand-switch button{padding:6px 8px}.content{padding:16px 12px 28px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi{padding:13px}.kpi .value{font-size:23px}.queue-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal-card{width:100%}.stage-board{grid-template-columns:repeat(2,minmax(230px,1fr))}.filters input,.filters select{min-width:0;flex:1}.section-head{align-items:flex-start;flex-direction:column}}
.kanban-board{grid-template-columns:repeat(7,minmax(230px,1fr));align-items:start}.stage-col{transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;border:2px solid transparent}.stage-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.stage-head h4{margin:2px 4px 9px}.drag-hint{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#8a9aa8;opacity:.55}.stage-col.drag-over{border-color:var(--blue);background:#e4f2f9;box-shadow:0 0 0 3px rgba(36,147,209,.08)}.opp-card[draggable="true"]{cursor:grab;user-select:none}.opp-card[draggable="true"]:active{cursor:grabbing}.opp-card.dragging{opacity:.45;transform:rotate(1deg)}.won-col{background:#e8f5ef}.won-col .stage-head h4{color:var(--green)}.lost-col{background:#f8ecee}.lost-col .stage-head h4{color:var(--red)}.won-card{border-left:4px solid var(--green)}.lost-card{border-left:4px solid var(--red)}.stage-empty{padding:22px 10px}.pipeline-scroll-note{font-size:11px;color:var(--muted);margin:0 0 10px;padding:9px 11px;background:#fff;border:1px solid var(--line);border-radius:10px}
@media(max-width:1100px){.kanban-board{grid-template-columns:repeat(7,minmax(230px,1fr))}}
@media(max-width:760px){.kanban-board{grid-template-columns:repeat(7,minmax(215px,1fr))}.drag-hint{display:none}.pipeline-scroll-note{font-size:10px}}