: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}}