:root{--blue:#2160e8;--blue-dark:#174ec4;--blue-light:#eaf1ff;--ink:#17243b;--muted:#78869a;--border:#e4eaf2;--bg:#f5f8fc;--green:#16804c;--red:#ba4141}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--border);padding:22px 14px;display:flex;flex-direction:column;z-index:20}.logo{font-weight:850;font-size:19px;letter-spacing:-.7px;color:var(--blue);padding:4px 10px 30px;display:block}.logo span{color:var(--ink)}.nav-label{font-size:10px;font-weight:800;letter-spacing:1.1px;color:#98a3b4;padding:10px 10px 8px}.nav{display:flex;gap:11px;align-items:center;padding:11px 12px;border-radius:8px;color:#65748a;margin:2px 0;font-weight:550}.nav:hover,.nav.active{background:var(--blue-light);color:var(--blue)}.nav.active{font-weight:750}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding:16px 10px 0;display:flex;flex-direction:column;gap:4px}.sidebar-bottom span,.sidebar-bottom a{font-size:12px;color:var(--muted)}.sidebar-bottom a{margin-top:8px;color:var(--blue)}.main{margin-left:238px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.breadcrumbs{font-size:12px;color:var(--muted)}.breadcrumbs span{margin:0 8px;color:#c4cbd6}.breadcrumbs b{color:var(--ink)}.top-user{display:flex;align-items:center;gap:9px;font-weight:650}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dce8ff;color:#2058cb;font-weight:800;flex-shrink:0}.content{width:100%;max-width:1600px;margin:0 auto;padding:28px 30px;flex:1}.footer{padding:18px 30px;border-top:1px solid var(--border);color:#96a1b1;font-size:11px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:22px}.page-head h1{font-size:25px;line-height:1.25;letter-spacing:-.8px;margin:0 0 7px}.page-head p,.panel-head p{color:var(--muted);font-size:12px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 13px;background:#fff;border:1px solid #dce4ef;border-radius:7px;color:#35435a;font-weight:650;font-size:12px;cursor:pointer;white-space:nowrap}.btn:hover{background:#f8faff}.btn.primary{background:var(--blue);border-color:var(--blue);color:white}.btn.primary:hover{background:var(--blue-dark)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric-card,.panel{background:#fff;border:1px solid var(--border);border-radius:10px;min-width:0}.metric-card{padding:17px}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#728097;font-weight:650}.metric-icon{font-size:17px;color:var(--blue)}.metric-number{font-size:29px;font-weight:820;letter-spacing:-1.2px;margin:9px 0 4px}.metric-foot{font-size:11px;color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;margin-bottom:18px}.panel{padding:19px;margin-bottom:18px}.dashboard-grid .panel{margin:0}.panel h2{font-size:15px;margin:0 0 4px;letter-spacing:-.2px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:17px}.text-link{font-size:11px;color:var(--blue);font-weight:700}.bar-row{display:grid;grid-template-columns:100px minmax(40px,1fr) 28px;gap:10px;align-items:center;font-size:11px;margin:17px 0}.bar-row>span{color:#66758b}.bar-row>b{text-align:right}.bar-track{height:8px;border-radius:10px;background:#edf1f7;overflow:hidden}.bar-fill{height:100%;background:#4d83f3;border-radius:10px}.slim{height:5px;margin-top:8px}.team-stat{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #eef1f6}.team-stat:last-child{border:0}.team-stat-main{flex:1;min-width:0}.team-stat-main b{display:block;font-size:12px}.team-stat-main small,.table-scroll td small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.team-stat> b{font-size:12px}.table-scroll{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:11px}th{background:#f8fafd;color:#7d8a9e;font-size:10px;letter-spacing:.4px;font-weight:800}td,th{padding:13px 12px;border-bottom:1px solid #edf1f6}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}.lead-name{font-weight:750;color:#23324b}.lead-name:hover{color:var(--blue)}.status{display:inline-block;border-radius:30px;padding:5px 9px;background:#edf2f9;color:#53647c;font-size:10px;font-weight:750}.status-fresh{background:#fff0e6;color:#bd5b20}.status-contacted{background:#e8f2ff;color:#215fca}.status-follow-up{background:#fff4d7;color:#956900}.status-hot-lead{background:#ffe8e5;color:#c23d30}.status-converted{background:#e2f7eb;color:#16804c}.status-lost,.status-not-interested{background:#fce9e9;color:#b64141}.actions,.inline-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mini-btn{border:1px solid #dce4ef;background:#fff;border-radius:6px;padding:6px 8px;color:#315ec3;font-size:10px;font-weight:700;cursor:pointer}.empty{padding:26px;text-align:center;color:var(--muted);font-size:12px}.status-tabs,.admin-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.status-tabs a,.admin-tabs a{background:#fff;border:1px solid var(--border);border-radius:7px;padding:8px 11px;font-size:11px;color:#68778d}.status-tabs a.active,.admin-tabs a:hover{background:var(--blue-light);border-color:#c8d9ff;color:var(--blue);font-weight:750}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.input{width:100%;min-width:0;border:1px solid #dce4ef;background:#fff;border-radius:7px;padding:10px 11px;color:#27364d;outline:none}.input:focus{border-color:#7ba2f9;box-shadow:0 0 0 3px #2160e814}.filters .input{width:auto}.filters .search-input{flex:1;min-width:190px}.form-panel{max-width:950px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label,.stack-form label,.authcard label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#596981;font-weight:650}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.alert{border-radius:8px;padding:12px 14px;font-size:12px;margin-bottom:17px}.alert.success{background:#e7f8ee;color:#176b43}.alert.danger{background:#fff0f0;color:#a93131}.alert a{text-decoration:underline;font-weight:750}.notice{background:#edf4ff;color:#2d5cac;border-radius:8px;padding:12px;font-size:11px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px}.detail-list{margin:0 0 22px}.detail-list>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #edf1f6;font-size:12px}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;font-weight:600;overflow-wrap:anywhere}.notes-block{white-space:pre-wrap;color:#56657b;background:#f8fafd;border-radius:8px;padding:13px;font-size:12px}.stack-form{display:flex;flex-direction:column;gap:14px}.activity-heading{margin-top:27px!important}.timeline-item{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #edf1f6}.timeline-dot{width:9px;height:9px;border-radius:50%;background:#6d99f6;margin-top:5px;flex-shrink:0}.timeline-item b{font-size:12px}.timeline-item small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.timeline-item p{font-size:12px;color:#5d6b80;white-space:pre-wrap}.delete-form{border-top:1px solid var(--border);padding-top:15px;margin-top:15px}.danger-btn{color:#b33131;border-color:#f0caca}.narrow-panel{max-width:680px}.tiny{font-size:10px;color:#8b97a9;line-height:1.6}.admin-section{scroll-margin-top:20px}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.inline-form .input{flex:1;min-width:150px;width:auto}.wrap-form .input{min-width:120px}.settings-list{border-top:1px solid #edf1f6}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf1f6}.settings-row b{font-size:12px}.settings-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.checkline{display:flex;align-items:center;gap:8px;font-size:12px;color:#596981}.template-form{max-width:700px;padding:15px;background:#f8fafd;border-radius:8px;margin-bottom:17px}.template-details{padding:13px 0;border-bottom:1px solid #edf1f6}.template-details summary{cursor:pointer;font-size:12px}.form-grid .full{grid-column:1/-1}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.status-box{border:1px solid var(--border);border-radius:8px;padding:13px}.status-box span{font-size:11px;color:var(--muted)}.status-box b{float:right;font-size:18px}.status-box .bar-track{margin-top:14px;clear:both}.member-cell{display:flex;align-items:center;gap:9px}.member-cell b{font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#17243b88;display:flex;align-items:center;justify-content:center;padding:18px;z-index:100}.modal-backdrop[hidden]{display:none}.modal-card{width:min(480px,100%);background:#fff;border-radius:12px;padding:22px;max-height:90vh;overflow:auto}.iconbtn{border:1px solid var(--border);background:white;border-radius:7px;padding:7px 10px;cursor:pointer}.mobile-toggle{display:none}.authbody{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#f4f7ff,#eef4ff)}.authcard{background:#fff;border:1px solid var(--border);border-radius:14px;padding:32px;width:min(420px,100%);box-shadow:0 15px 50px #203e7210}.authcard .logo{padding:0 0 24px}.authcard h1{font-size:25px;margin:0 0 7px;letter-spacing:-.7px}.authcard>p{font-size:12px;margin:0 0 20px}.authcard label{margin:15px 0}.fullbtn{width:100%;margin-top:7px}.authcard .tiny{text-align:center;margin:16px 0 0}.authcard .tiny a{color:var(--blue);font-weight:750}
@media(max-width:1100px){.sidebar{width:205px}.main{margin-left:205px}.content{padding:23px 20px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}}
@media(max-width:700px){.sidebar{transform:translateX(-105%);transition:transform .2s;box-shadow:none}.sidebar.sidebar-open{transform:translateX(0);box-shadow:8px 0 25px #1b2c451a}.main{margin-left:0}.topbar{height:58px;padding:0 13px;gap:10px}.mobile-toggle{display:inline-block}.content{padding:18px 12px}.footer{padding:14px}.page-head h1{font-size:22px}.page-head{align-items:flex-start}.metrics{gap:9px}.metric-card{padding:12px}.metric-number{font-size:25px}.panel{padding:14px;margin-bottom:13px}.panel-head{align-items:flex-start}.dashboard-grid{gap:12px}.form-grid{grid-template-columns:1fr;gap:13px}.form-grid .full{grid-column:auto}.filters .input,.filters .search-input{width:100%;flex:auto}.filters .btn{flex:1}.status-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.status-tabs a{flex-shrink:0}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-list>div{grid-template-columns:105px minmax(0,1fr)}.hide-mobile{display:none}.inline-actions{width:100%}.inline-actions .btn{flex:1}.settings-row{align-items:flex-start}.bar-row{grid-template-columns:82px minmax(35px,1fr) 24px;gap:7px}.authcard{padding:25px 20px}}

@media(max-width:700px){.top-user .btn{padding:6px 8px;font-size:10px}}

.reminder-toast{position:relative;box-shadow:0 8px 28px #17243b18;display:grid;grid-template-columns:1fr auto;gap:4px 12px}.reminder-toast b{grid-column:1/-1}.reminder-toast a{font-weight:800;text-decoration:underline}

/* WhatsApp campaign workspace */
.wa-hero{background:linear-gradient(120deg,#0c7b62,#16a085);color:#fff;border-radius:13px;padding:23px;margin-bottom:18px;display:flex;justify-content:space-between;gap:20px;align-items:center}.wa-hero h2{font-size:22px;margin:0 0 7px}.wa-hero p{margin:0;color:#e2fff6;font-size:12px;max-width:620px;line-height:1.6}.wa-hero .btn{background:#fff;color:#08735a;border-color:#fff}.wa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px}.wa-pill{display:inline-block;border-radius:20px;padding:5px 9px;background:#e5f8ef;color:#13734e;font-size:10px;font-weight:800}.wa-pill.pending{background:#fff4d8;color:#916500}.wa-pill.bad{background:#ffeded;color:#b32e35}.wa-stat{font-size:27px;font-weight:850;margin-top:8px}.wa-muted{color:var(--muted);font-size:11px;line-height:1.6}.wa-table-form{display:inline}.progress-track{height:8px;background:#edf1f6;border-radius:9px;overflow:hidden}.progress-track span{display:block;height:100%;background:#159a77}.wa-code{font-family:ui-monospace,monospace;font-size:11px;background:#f3f6fa;border-radius:5px;padding:3px 6px;overflow-wrap:anywhere}.wa-preview{background:#eaf8f1;border:1px solid #d2efe1;padding:15px;border-radius:10px;white-space:pre-wrap;font-size:12px;line-height:1.7;color:#27483b}.wa-action-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.wa-warning{background:#fff7e7;color:#805900;border:1px solid #f2dfaa;padding:12px;border-radius:8px;font-size:11px;line-height:1.6;margin-bottom:15px}@media(max-width:700px){.wa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-hero{align-items:flex-start;flex-direction:column}}


/* Scrollable, collapsible navigation and accessible mobile drawer */
.sidebar{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d5deeb transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#d5deeb;border-radius:8px}.sidebar-bottom{margin-top:18px;flex-shrink:0}.sidebar-collapse{display:flex;align-items:center;gap:9px;border:1px solid #e3eaf5;background:#f8faff;border-radius:8px;padding:9px 12px;margin:0 0 12px;color:#63748e;cursor:pointer;font-weight:700;font-size:12px;flex-shrink:0}.desktop-toggle{display:inline-flex}.sidebar-collapsed .sidebar{width:76px;padding:18px 9px}.sidebar-collapsed .sidebar .logo{font-size:0;padding:5px 8px 20px}.sidebar-collapsed .sidebar .logo:before{content:'◈';font-size:22px}.sidebar-collapsed .sidebar .logo span,.sidebar-collapsed .sidebar .nav span,.sidebar-collapsed .sidebar .nav-label,.sidebar-collapsed .sidebar .sidebar-bottom,.sidebar-collapsed .sidebar-collapse span{display:none}.sidebar-collapsed .sidebar .nav{justify-content:center;padding:12px 5px;font-size:17px}.sidebar-collapsed .sidebar-collapse{justify-content:center;padding:9px 5px}.sidebar-collapsed .main{margin-left:76px}.mobile-scrim{display:none}.productivity-hero{background:linear-gradient(125deg,#142c56,#2563eb);color:#fff;padding:23px;border-radius:15px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.productivity-hero h2{font-size:22px;margin:0 0 6px}.productivity-hero p{margin:0;color:#dbe7ff;font-size:12px}.productivity-hero .btn{background:#fff;color:#174ec4}.presence-badge{display:inline-flex;align-items:center;gap:6px;border-radius:30px;background:#e4f8ec;color:#147346;padding:6px 10px;font-size:10px;font-weight:800}.presence-badge.off{background:#fff0f0;color:#b43b3b}.productivity-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dialer-card{border:1px solid #dce7ff;background:linear-gradient(135deg,#f8faff,#edf4ff);padding:17px;border-radius:12px}.dialer-card h3{margin:0 0 7px;font-size:15px}.dialer-card p{font-size:12px;color:#687a95}.metric-card .metric-number.compact{font-size:23px}.filter-bar{display:flex;gap:9px;flex-wrap:wrap;align-items:end}.filter-bar label{font-size:11px;color:#64748b;display:flex;flex-direction:column;gap:5px;min-width:145px;flex:1}.filter-bar .btn{min-height:38px}
@media(max-width:700px){.sidebar{width:min(290px,86vw);overflow-y:auto;padding-bottom:18px}.mobile-scrim{position:fixed;inset:0;background:#101d3480;z-index:19}.sidebar.sidebar-open~.main .mobile-scrim{display:block}.sidebar-collapsed .sidebar{width:min(290px,86vw)}.sidebar-collapsed .main{margin-left:0}.sidebar-collapsed .sidebar .logo{font-size:19px}.sidebar-collapsed .sidebar .logo:before{content:none}.sidebar-collapsed .sidebar .logo span,.sidebar-collapsed .sidebar .nav span,.sidebar-collapsed .sidebar .nav-label,.sidebar-collapsed .sidebar .sidebar-bottom,.sidebar-collapsed .sidebar-collapse span{display:initial}.sidebar-collapsed .sidebar .nav{justify-content:flex-start;padding:11px 12px}.desktop-toggle{display:none}.productivity-hero{align-items:flex-start;flex-direction:column;padding:17px}.productivity-actions .btn{flex:1}.filter-bar label{min-width:100%}}

.price-matrix-wrap{grid-column:1/-1;min-width:0;margin:8px 0 14px;padding:16px;border:1px solid #dbe4f0;border-radius:14px;background:#f8faff}.price-matrix-wrap h3{margin:0 0 7px;font-size:16px}.price-matrix-wrap p{margin:0 0 12px;color:#5d6b82;font-size:13px;line-height:1.5}.price-matrix{min-width:850px;width:100%;border-collapse:separate;border-spacing:0}.price-matrix th,.price-matrix td{padding:8px;border-bottom:1px solid #e2e8f0;text-align:left}.price-matrix th{background:#eef3fb;white-space:nowrap;font-size:12px}.price-matrix td input{width:110px;min-width:100px;padding:9px;border:1px solid #ccd6e4;border-radius:7px}.price-matrix td input::placeholder{font-size:11px;color:#8a94a4}.price-matrix-wrap .table-wrap{overflow-x:auto}