@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg:#07090d;--panel:#0e1118;--panel2:#121620;--border:#202633;--text:#f5f7fb;--muted:#8d96a8;--accent:#8b5cf6;--accent2:#a78bfa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.crm-shell{background:radial-gradient(circle at 70% -10%,#7c3aed18,transparent 35%),var(--bg);min-height:100vh}.sidebar{border-right:1px solid var(--border);z-index:10;background:#090b10;width:250px;padding:26px 16px;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 12px 28px;display:flex}.brand-mark,.login-mark{background:linear-gradient(135deg,#8b5cf6,#5b21b6);place-items:center;font-weight:800;display:grid}.brand-mark{border-radius:12px;width:38px;height:38px}.brand-title{font-size:15px;font-weight:800}.brand-sub{color:var(--muted);margin-top:2px;font-size:11px}.nav-label{color:#687286;text-transform:uppercase;letter-spacing:.12em;padding:0 12px 9px;font-size:10px}.nav{gap:5px;display:grid}.nav a{color:#aeb6c5;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:13px;font-weight:600;display:flex}.nav a:hover,.nav a.active{color:#fff;background:#17131f}.nav a.active{box-shadow:inset 2px 0 var(--accent)}.nav-icon{text-align:center;width:18px}.sidebar-bottom{border-top:1px solid var(--border);padding-top:16px;position:absolute;bottom:18px;left:16px;right:16px}.user-mini{align-items:center;gap:10px;padding:8px;display:flex}.avatar{color:#c4b5fd;background:#1b2030;border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.user-name{font-size:12px;font-weight:700}.user-role{color:var(--muted);margin-top:2px;font-size:10px}.main{max-width:1500px;margin-left:250px;padding:28px 34px 50px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.eyebrow{color:var(--accent2);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}.page-title{letter-spacing:-.04em;margin:6px 0 7px;font-size:30px;line-height:1.1}.page-subtitle{color:var(--muted);margin:0;font-size:13px}.top-actions{gap:10px;display:flex}.icon-button,.logout{border:1px solid var(--border);background:var(--panel);color:#cbd2df;border-radius:10px;padding:10px 12px}.stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card,.panel{border:1px solid var(--border);background:linear-gradient(#11151d,#0d1016)}.stat-card{min-height:120px;color:inherit;text-align:left;border-radius:16px;padding:18px}.stat-top{justify-content:space-between;display:flex}.stat-label{color:var(--muted);font-size:12px;font-weight:600}.stat-icon{color:#a78bfa;background:#171225;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.stat-number{margin-top:18px;font-size:30px;font-weight:800}.stat-foot{color:#687286;margin-top:3px;font-size:10px}.grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);gap:18px;display:grid}.panel{border-radius:16px;overflow:hidden}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.panel-title{font-size:14px;font-weight:750}.panel-meta{color:var(--muted);font-size:11px}.lead-row{width:100%;color:inherit;text-align:left;background:0 0;border-bottom:1px solid #181d27;grid-template-columns:1.4fr 1fr .7fr .7fr;align-items:center;gap:12px;padding:15px 20px;display:grid}.lead-row-button{cursor:pointer;border:0}.lead-row-button:hover{background:#121722}.lead-name{font-size:13px;font-weight:650}.lead-service,.lead-date{color:var(--muted);font-size:11px}.pill{background:#181d28;border-radius:999px;width:max-content;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.pill.new{color:#a78bfa;background:#211936}.pill.pending{color:#fcd34d;background:#2b2410}.empty{text-align:center;color:var(--muted);padding:42px 20px;font-size:13px}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;padding:16px;display:grid}.quick{border:1px solid var(--border);color:inherit;text-align:left;background:#0c0f15;border-radius:12px;padding:14px}.quick:hover{border-color:#4c3a72}.quick strong{font-size:13px;display:block}.quick span{color:var(--muted);margin-top:5px;font-size:10px;display:block}.section-gap{margin-top:18px}.mini-list{padding:4px 20px 16px}.mini-item{border-bottom:1px solid #181d27;justify-content:space-between;padding:12px 0;font-size:12px;display:flex}.mini-value{font-weight:700}.lead-form{padding:20px}.form-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px;display:grid}.lead-form input,.lead-form select{border:1px solid var(--border);color:#fff;background:#0a0d12;border-radius:10px;outline:none;width:100%;padding:12px 13px}.lead-form input:focus,.lead-form select:focus{border-color:var(--accent)}.primary-button{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:0;border-radius:10px;padding:12px 16px;font-weight:750}.primary-button.compact{width:auto;margin:0}.form-actions{align-items:center;gap:12px;display:flex}.form-message{color:#86efac;font-size:11px}.login-wrap{background:radial-gradient(circle at 50% 10%,#7c3aed24,#0000 38%),#07090d;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--border);background:linear-gradient(#11151d,#0c0f15);border-radius:22px;width:min(430px,100%);padding:34px}.login-brand{align-items:center;gap:12px;margin-bottom:30px;display:flex}.login-mark{border-radius:13px;width:44px;height:44px}.login-title{margin:0;font-size:24px;font-weight:800}.login-copy,.login-description{color:var(--muted);font-size:12px}.login-heading{margin:0 0 7px;font-size:20px}@media (max-width:1050px){.stats{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}.sidebar{width:220px}.main{margin-left:220px}}@media (max-width:760px){.sidebar{border-right:0;border-bottom:1px solid var(--border);width:auto;padding:14px;position:static}.nav{display:flex;overflow:auto}.nav-label,.sidebar-bottom{display:none}.main{margin-left:0;padding:22px 16px 35px}.stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.lead-row{grid-template-columns:1fr auto}.lead-row .lead-service,.lead-row .lead-date{display:none}}