*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial;background:#f3f5f7;color:#172033}aside{position:fixed;width:230px;height:100vh;background:#111827;padding:25px 12px;color:white}aside a{display:block;color:#e5e7eb;text-decoration:none;padding:14px 16px;border-radius:8px;margin:3px 0}aside a:hover{background:#1f2937}.brand{font-weight:900;font-size:22px;color:#facc15;padding:5px 15px 25px}.brand span{display:block;color:white;font-size:11px;letter-spacing:3px}aside small{position:absolute;bottom:20px;left:28px;color:#94a3b8}main{margin-left:230px;padding:30px;min-height:100vh}h1{margin:0;font-size:30px}.sub{color:#6b7280;margin-top:5px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.card,.panel,.dial{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.card label{display:block;color:#64748b;font-size:12px;font-weight:700}.card b{font-size:30px}.panel{margin-top:18px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #edf0f2}th{font-size:12px;color:#64748b}.inline{display:flex;gap:8px;margin:20px 0}.inline input{max-width:400px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}input{width:100%;padding:12px;border:1px solid #d7dce1;border-radius:7px;margin:6px 0 12px}button,.primary,.btn2{border:0;border-radius:8px;background:#eab308;padding:11px 16px;font-weight:700;cursor:pointer;text-decoration:none;color:#111827}.btn2{padding:7px 12px}.actions{text-align:right}.dial{max-width:650px;text-align:center;margin:25px auto}.dial h2{font-size:30px;margin-bottom:4px}.phone{font-size:22px}.calling,.note{color:#64748b;margin:18px}.result{margin:4px;background:#f3f4f6}.number{font-size:25px;text-align:center;max-width:350px}.keypad{display:grid;grid-template-columns:repeat(3,90px);gap:8px;justify-content:center;margin:15px}.keypad button{font-size:20px;background:#f8fafc;border:1px solid #ddd}.green{background:#22c55e;color:white;margin:10px}.red{background:#ef4444;color:white;margin:10px}.light{background:#eef2f7;margin:3px}#timer{font:700 25px Consolas}.form{max-width:650px}.form label{font-weight:600}.tag{background:#ecfccb;padding:5px 9px;border-radius:12px}@media(max-width:850px){aside{width:70px}aside a{font-size:0}.brand{font-size:12px;padding-left:3px}.brand span,aside small{display:none}main{margin-left:70px;padding:18px}.cards,.grid2{grid-template-columns:1fr 1fr}}.alert{padding:12px 14px;border-radius:8px;background:#fff7cc;border:1px solid #facc15;margin:14px 0}.userbox{position:absolute;bottom:48px;left:12px;right:12px;border-top:1px solid #374151;padding:14px 10px 0}.userbox b,.userbox span{display:block}.userbox span{font-size:11px;color:#94a3b8;margin:3px 0}.userbox a{padding:7px 0;color:#facc15}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#111827}.login-box{width:min(420px,92vw);background:#fff;padding:34px;border-radius:16px;box-shadow:0 20px 60px #0005}.login-brand{font-size:25px;font-weight:900;color:#eab308;margin-bottom:28px}.login-brand span{display:block;color:#111827;font-size:11px;letter-spacing:4px}.login-box h1{font-size:25px}.login-box label{font-weight:600}.login-button{width:100%;margin-top:5px;padding:13px}
.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.new-campaign{display:flex;align-items:center;gap:8px}.new-campaign span{font-size:22px;line-height:14px}.modal-backdrop{display:none;position:fixed;inset:0;background:#111827aa;z-index:1000;align-items:center;justify-content:center;padding:20px}.modal-backdrop.show{display:flex}.modal-card{position:relative;background:#fff;width:min(560px,96vw);border-radius:16px;padding:28px;box-shadow:0 25px 70px #0006}.modal-card h2{margin:0 0 4px}.modal-card label{display:block;font-weight:700;margin-top:14px}.modal-close{position:absolute;right:15px;top:12px;background:transparent;font-size:27px;padding:4px 10px;color:#64748b}.csv-help{background:#f8fafc;border:1px solid #e5e7eb;border-radius:9px;padding:14px;margin:8px 0 18px}.csv-help b,.csv-help span{display:block}.csv-help span{font-size:13px;color:#64748b;margin-top:5px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.empty-state{text-align:center;color:#94a3b8;padding:30px}@media(max-width:650px){.page-head{align-items:flex-start;flex-direction:column}.new-campaign{width:100%;justify-content:center}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}

.campaign-actions{display:flex;align-items:center;gap:7px}.campaign-actions form{margin:0}.danger-btn{background:#fee2e2;color:#b91c1c;padding:7px 12px}.danger-btn:hover{background:#fecaca}
.dialer-stats{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.dialer-stats span{background:#fff;border:1px solid #e5e7eb;border-radius:9px;padding:9px 13px}.auto-dial-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;align-items:start}.auto-dial-card{max-width:none;margin:0;min-height:390px}.qualification-card{margin-top:0;min-height:390px}.qualification-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.qualification-buttons .result{margin:0;padding:14px 10px}.qualification-buttons .result:disabled{opacity:.45;cursor:not-allowed}.dial-actions{margin-top:18px}.pause-btn{background:#f59e0b;margin:10px}.countdown-box{margin:18px auto 0;background:#fff7cc;border:1px solid #facc15;border-radius:10px;padding:13px;max-width:360px}.countdown-box b{font-size:22px}.table-wrap{overflow-x:auto}.campaign-stats{grid-template-columns:repeat(5,1fr)}.pending-tag{background:#fef3c7}@media(max-width:1000px){.auto-dial-grid{grid-template-columns:1fr}.qualification-card,.auto-dial-card{min-height:auto}.campaign-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.qualification-buttons{grid-template-columns:1fr}.campaign-stats{grid-template-columns:1fr 1fr}}