:root{--navy:#092d59;--blue:#01439c;--green:#3ba931;--ink:#132238;--muted:#708197;--line:#e7ecf2;--bg:#f4f7fa;--white:#fff;--danger:#ef5350;--amber:#f6a623;--shadow:0 12px 40px rgba(24,49,83,.08)}*{box-sizing:border-box}body{margin:0;font-family:Manrope,system-ui,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#06284f;color:white;padding:26px 16px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 28px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#fff,#cfe2ff);color:var(--blue);font-weight:800}.brand strong,.brand small{display:block}.brand small{color:#88a5c5;margin-top:2px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#a9bed4;border-radius:10px;padding:12px 13px;text-align:left;display:flex;gap:12px;align-items:center;cursor:pointer;font-weight:600}.nav-item span{flex:1}.nav-item b{font-size:10px;background:#224a73;border-radius:99px;padding:3px 7px;color:#dbe9f8}.nav-item b.danger{background:#ef5350;color:white}.nav-item:hover,.nav-item.active{background:#164978;color:white}.sidebar-bottom{margin-top:auto}.user-card{border-top:1px solid #20476e;margin-top:12px;padding:18px 4px 0;display:flex;align-items:center;gap:9px}.user-card>span{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:#3ba931;font-weight:800}.user-card div{flex:1}.user-card strong,.user-card small{display:block;font-size:11px}.user-card small{color:#8fa9c4;margin-top:3px}.user-card button{background:none;border:0;color:white}main{margin-left:245px;min-height:100vh;padding:0 32px 40px}header{height:104px;display:flex;align-items:center;gap:20px}header h1{font-size:25px;margin:3px 0 0;letter-spacing:-.04em}.eyebrow{margin:0;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.header-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.search{background:white;border:1px solid var(--line);border-radius:10px;padding:10px 13px;color:#8492a4;display:flex;gap:8px}.search input{border:0;outline:0;width:220px}.primary,.secondary,.icon-btn{border:0;border-radius:10px;padding:11px 15px;font-weight:700;cursor:pointer}.primary{background:var(--blue);color:white;box-shadow:0 7px 18px rgba(1,67,156,.2)}.primary:hover{background:#063b82}.secondary{background:#edf2f7;color:var(--ink)}.icon-btn{position:relative;background:white;border:1px solid var(--line)}.dot{position:absolute;right:8px;top:8px;width:6px;height:6px;background:#ef5350;border-radius:50%}#menuBtn{display:none}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.metric{padding:20px}.metric-top{display:flex;justify-content:space-between}.metric-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#eaf2ff;color:var(--blue)}.metric:nth-child(2) .metric-icon{background:#fff5de;color:#e59400}.metric:nth-child(3) .metric-icon{background:#e9f7e5;color:var(--green)}.metric:nth-child(4) .metric-icon{background:#f0eaff;color:#734ac7}.metric h2{font-size:27px;margin:20px 0 4px}.metric p{margin:0;color:var(--muted);font-size:12px}.trend{font-size:10px;color:var(--green);background:#edf8ea;border-radius:20px;padding:4px 7px}.trend.red{color:#d74744;background:#fff0f0}.main-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;margin-top:16px}.panel{padding:21px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel h3{margin:0;font-size:15px}.link-btn{border:0;background:none;color:var(--blue);font-weight:700;cursor:pointer;font-size:11px}.chart{height:210px;display:flex;align-items:end;gap:16px;border-bottom:1px solid var(--line);padding:0 7px}.bar-wrap{flex:1;height:100%;display:flex;align-items:end;justify-content:center;position:relative}.bar{width:72%;background:linear-gradient(#3d79c8,#01439c);border-radius:7px 7px 2px 2px;min-height:10px;transition:.3s}.bar-wrap span{position:absolute;bottom:-23px;font-size:10px;color:var(--muted)}.chart-label{margin:30px 0 0;color:var(--muted);font-size:11px}.tasks{display:grid;gap:10px}.task{padding:13px;border:1px solid var(--line);border-radius:11px;display:flex;gap:11px;align-items:center}.avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#dceaff;color:var(--blue);font-size:11px;font-weight:800}.task div:nth-child(2){flex:1}.task strong,.task small{display:block;font-size:11px}.task small{color:var(--muted);margin-top:4px}.task time{font-size:9px;color:var(--danger);font-weight:700}.table-card{margin-top:16px;overflow:hidden}.table-head{padding:19px 21px;display:flex;align-items:center;justify-content:space-between}.filters{display:flex;gap:7px}.chip{border:1px solid var(--line);background:white;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:700;cursor:pointer}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:11px 20px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em;background:#f8fafc}.data-table td{padding:14px 20px;border-top:1px solid var(--line);font-size:11px}.client-cell{display:flex;gap:10px;align-items:center}.client-cell strong,.client-cell small{display:block}.client-cell small{color:var(--muted);margin-top:3px}.status{display:inline-block;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800}.s-contacted{background:#e8f1ff;color:#2b67b1}.s-documents{background:#fff3dc;color:#bc7400}.s-approved{background:#eaf7e8;color:#338c2c}.s-new{background:#eee9ff;color:#6848bb}.view-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.view-header h2{margin:0 0 5px;font-size:22px}.view-header p{margin:0;color:var(--muted);font-size:12px}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}.column{background:#eaf0f5;border-radius:14px;padding:12px}.column-head{display:flex;justify-content:space-between;padding:3px 4px 12px;font-size:11px;font-weight:800}.lead-card{background:white;border:1px solid var(--line);border-radius:11px;padding:13px;margin-bottom:9px}.lead-card strong{font-size:11px}.lead-card p{font-size:10px;color:var(--muted);margin:6px 0}.lead-meta{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.agent-card{padding:20px}.agent-top{display:flex;align-items:center;gap:12px}.agent-top .avatar{width:44px;height:44px}.agent-top div{flex:1}.agent-top strong,.agent-top small{display:block}.agent-top small{font-size:10px;color:var(--muted);margin-top:3px}.agent-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:17px;padding-top:15px;text-align:center}.agent-stats strong,.agent-stats small{display:block}.agent-stats small{font-size:9px;color:var(--muted);margin-top:3px}dialog{border:0;border-radius:18px;padding:0;width:min(650px,92vw);box-shadow:0 30px 90px rgba(0,25,60,.3)}dialog::backdrop{background:rgba(5,23,45,.62);backdrop-filter:blur(4px)}dialog form{padding:25px}.modal-head{display:flex;justify-content:space-between;align-items:start}.modal-head h2{margin:5px 0 18px}.close{border:0;background:#eef2f6;border-radius:8px;font-size:22px;width:34px;height:34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}form label{display:grid;gap:6px;font-size:10px;font-weight:800;color:#56677b}form input,form select,form textarea{border:1px solid #dfe6ed;border-radius:9px;padding:11px;outline:none;color:var(--ink)}form textarea{min-height:76px;resize:vertical;margin-top:12px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}#toast{position:fixed;right:25px;bottom:25px;background:#102a43;color:white;padding:13px 18px;border-radius:10px;opacity:0;transform:translateY(15px);transition:.25s;pointer-events:none;z-index:10;font-size:12px}#toast.show{opacity:1;transform:none}.empty{padding:50px;text-align:center;color:var(--muted)}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr}.pipeline{grid-template-columns:repeat(2,1fr)}.agent-grid{grid-template-columns:repeat(2,1fr)}.search{display:none}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}main{margin-left:0;padding:0 16px 30px}header{height:88px}.header-actions .icon-btn{display:none}#menuBtn{display:block;border:0;background:white;border-radius:9px;padding:9px}.header-actions .primary{font-size:0;padding:10px}.header-actions .primary:first-letter{font-size:18px}.metric-grid,.pipeline,.agent-grid,.form-grid{grid-template-columns:1fr}.data-table th:nth-child(3),.data-table td:nth-child(3),.data-table th:nth-child(5),.data-table td:nth-child(5){display:none}.data-table td,.data-table th{padding:12px 10px}}