:root{--navy:#062b50;--blue:#0878f9;--ink:#14243a;--muted:#718096;--bg:#f3f7fc;--line:#e6edf5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,system-ui,-apple-system,Segoe UI,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:228px;background:linear-gradient(180deg,#062d53,#031e39);color:#fff;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;padding:18px 12px;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;padding:4px 8px 30px}.brand-icon{background:#0878f9;border-radius:12px;width:43px;height:43px;display:grid;place-items:center;font-size:20px}.brand b{font-size:21px;display:block;letter-spacing:-.5px}.brand small,.sidebar-user small{display:block;color:#b6d5f2;font-size:11px;margin-top:2px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{color:#d8e8f7;text-decoration:none;padding:12px 13px;border-radius:9px;display:flex;align-items:center;gap:13px}.sidebar nav a:hover,.sidebar nav a:focus{background:#075da9;color:#fff}.sidebar nav i{width:18px}.sidebar-user{margin-top:auto;border-top:1px solid #244866;padding:18px 8px 0;display:flex;align-items:center;gap:10px}.sidebar-user>i{font-size:29px}.sidebar-user span{flex:1}.sidebar-user a{color:white}.main-area{margin-left:228px;width:calc(100% - 228px);min-width:0}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.search-wrap{width:min(470px,60%);background:#f4f7fb;border:1px solid #edf1f6;border-radius:8px;padding:9px 12px;display:flex;gap:10px;color:#8091a7}.search-wrap input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.top-user{display:flex;align-items:center;gap:9px;font-weight:600}.avatar{width:32px;height:32px;border-radius:50%;background:#dcecff;color:#0878f9;display:grid;place-items:center}.role-pill{font-size:11px;background:#edf5ff;color:#0878f9;padding:5px 8px;border-radius:20px}.content-area{padding:25px 28px;min-height:calc(100vh - 110px)}.footer{padding:12px 28px;color:#8a98aa;font-size:11px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-head h1{font-size:27px;font-weight:750;margin:0 0 4px;letter-spacing:-.7px}.subtext{color:var(--muted);margin:0}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn{border-radius:8px;font-weight:600;font-size:13px;padding:9px 14px}.stat-card,.panel,.table-panel{background:#fff;border:1px solid #edf1f6;border-radius:12px;box-shadow:0 4px 16px rgba(29,70,112,.035)}.stat-card{padding:17px;display:flex;align-items:center;gap:13px;min-height:98px}.stat-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:19px}.stat-card strong{font-size:25px;display:block;line-height:1.2}.stat-card small{color:var(--muted)}.panel{padding:18px;margin-bottom:18px}.table-panel{overflow:hidden}.table{margin:0;font-size:12px;white-space:nowrap}.table thead th{background:#f7f9fc;color:#40516a;font-weight:700;border-bottom:1px solid var(--line);padding:13px 12px}.table td{padding:12px;border-color:#edf1f6;vertical-align:middle}.badge-status{padding:6px 9px;border-radius:6px;font-size:11px;font-weight:650}.s-new{background:#dceeff;color:#0867d8}.s-follow_up{background:#fff0ca;color:#9b6200}.s-interested{background:#d7f7e9;color:#08794b}.s-not_interested,.s-wrong_number{background:#ffe1e1;color:#b42323}.s-not_reachable{background:#e9eef5;color:#536273}.s-converted{background:#e8ddff;color:#6536b5}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.form-control,.form-select{border-color:#dfe7f0;border-radius:8px;font-size:13px;padding:9px 11px}.empty{padding:35px;text-align:center;color:#8190a4}.quick-action{color:#0878f9;text-decoration:none;margin-right:9px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eaf3ff,#f8fbff)}.login-card{width:min(420px,92vw);background:white;padding:32px;border-radius:18px;box-shadow:0 18px 55px #0d37601a}.login-card .brand{color:var(--navy);padding:0 0 24px}.login-card .brand small{color:#6d8299}.alert{font-size:13px}.mobile-toggle{display:none}@media(max-width:900px){.sidebar{width:68px;padding:14px 8px}.brand{padding:4px 4px 25px}.brand>span:last-child,.sidebar nav a:not(:has(i)),.sidebar nav a{font-size:0}.sidebar nav a{justify-content:center;padding:13px 5px}.sidebar nav i{font-size:17px}.sidebar-user span,.sidebar-user a{display:none}.main-area{margin-left:68px;width:calc(100% - 68px)}.content-area{padding:18px 14px}.topbar{padding:0 14px}}@media(max-width:575px){.top-user{font-size:0}.role-pill{display:none}.page-head{align-items:flex-start;gap:12px;flex-direction:column}.search-wrap{width:75%}.stat-card{padding:12px}.stat-icon{width:38px;height:38px}.stat-card strong{font-size:20px}}