:root{--blue: #2563eb;--blue-dark: #1d4ed8;--red: #dc2626;--orange: #ea580c;--bg: #0f172a;--bg-panel: #1e293b;--bg-input: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--border: #334155;--radius: 10px;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--bg)}a{color:inherit;text-decoration:none}.center-page{min-height:100vh;display:grid;place-items:center;color:var(--text-muted)}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#0b1220;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.25rem}.brand{display:flex;gap:.75rem;align-items:center;margin-bottom:2rem}.brand-mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--orange));display:grid;place-items:center;font-weight:700;font-size:1.1rem}.brand-mark.lg{width:56px;height:56px;font-size:1.5rem}.brand small,.brand p{color:var(--text-muted);font-size:.75rem}.sidebar nav{display:flex;flex-direction:column;gap:.35rem;flex:1}.sidebar nav a{padding:.65rem .85rem;border-radius:8px;color:var(--text-muted);font-weight:500}.sidebar nav a.active,.sidebar nav a:hover{background:#2563eb26;color:var(--text)}.sidebar-footer{border-top:1px solid var(--border);padding-top:1rem}.user-chip{margin-bottom:.75rem}.user-chip small{display:block;color:var(--text-muted)}.main{padding:1.5rem 2rem;overflow:auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.page-header h1{font-size:1.75rem;margin-bottom:.25rem}.page-header p{color:var(--text-muted)}.phase-badge{background:#ea580c26;color:var(--orange);padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.stat-card.blue{border-top:3px solid var(--blue)}.stat-card.red{border-top:3px solid var(--red)}.stat-card.orange{border-top:3px solid var(--orange)}.stat-label{color:var(--text-muted);font-size:.85rem;display:block;margin-bottom:.5rem}.stat-card strong{font-size:1.75rem}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.panel h2{font-size:1rem;margin-bottom:1rem}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.health-grid div{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff08;border-radius:8px}.badge{padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge.ok{background:#22c55e26;color:#4ade80}.badge.err{background:#dc262626;color:#f87171}.badge.warn{background:#ea580c26;color:var(--orange)}.checklist{list-style:none}.checklist li{padding:.5rem 0;color:var(--text-muted)}.checklist li.done{color:var(--text)}.checklist li.done:before{content:"✓ ";color:#4ade80}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,rgba(37,99,235,.2),transparent 50%),var(--bg)}.login-card{width:min(420px,92vw);background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;padding:2rem}.login-brand{margin-bottom:1.5rem}.login-brand h1{font-size:1.5rem}form label{display:block;margin-bottom:1rem;font-size:.85rem;color:var(--text-muted)}form input{width:100%;margin-top:.35rem;padding:.7rem .85rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.btn-primary{width:100%;padding:.75rem;border:none;border-radius:8px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;font-weight:600;cursor:pointer;margin-top:.5rem}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{width:100%;padding:.55rem;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer}.alert.error{background:#dc262626;color:#fca5a5;padding:.65rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem}.login-note{text-align:center;margin-top:1.25rem;color:var(--text-muted);font-size:.8rem}.empty-state{color:var(--text-muted);text-align:center;padding:2rem}.agent-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.agent-header{display:flex;align-items:center;gap:1.5rem;padding:.85rem 1.5rem;border-bottom:1px solid var(--border);background:#0b1220}.brand.compact{margin:0}.agent-nav{display:flex;gap:.5rem;flex:1}.agent-nav a{padding:.4rem .75rem;border-radius:6px;color:var(--text-muted);font-weight:500}.agent-nav a.active,.agent-nav a:hover{background:#2563eb26;color:var(--text)}.agent-user{display:flex;align-items:center;gap:.75rem;font-size:.85rem}.btn-ghost.sm{width:auto;padding:.35rem .75rem;font-size:.8rem}.agent-main{flex:1;padding:1.25rem 1.5rem;overflow:auto}.agent-setup{display:grid;place-items:center;min-height:70vh}.setup-card{width:min(480px,95vw)}.setup-card h2{margin-bottom:.35rem}.muted,.setup-card .muted{color:var(--text-muted);margin-bottom:1.25rem}.setup-card select,.call-actions input[type=tel]{width:100%;margin-top:.35rem;padding:.65rem .85rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.phone-mode-select{border:none;margin:1rem 0;padding:0}.phone-mode-select legend{color:var(--text-muted);font-size:.85rem;margin-bottom:.5rem}.mode-card{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem;border:1px solid var(--border);border-radius:8px;margin-bottom:.5rem;cursor:pointer}.mode-card.active{border-color:var(--blue);background:#2563eb14}.mode-card input{margin-top:.25rem}.mode-card small{display:block;color:var(--text-muted);margin-top:.15rem}.agent-desktop{display:flex;flex-direction:column;gap:1rem;max-width:1200px;margin:0 auto}.call-bar{border-left:4px solid var(--blue)}.call-bar-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.state-indicator{display:flex;align-items:center;gap:.65rem}.state-dot{width:10px;height:10px;border-radius:50%;background:var(--text-muted)}.state-dot.ready{background:#4ade80;box-shadow:0 0 8px #4ade80}.state-dot.on-call{background:var(--red);box-shadow:0 0 8px var(--red);animation:pulse 1s infinite}.state-dot.paused{background:var(--orange)}.state-dot.wrap-up{background:#fbbf24}@keyframes pulse{50%{opacity:.5}}.timer{color:var(--text-muted);font-size:.9rem;font-variant-numeric:tabular-nums}.call-meta{display:flex;gap:.5rem;flex-wrap:wrap}.tag{padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.tag.blue{background:#2563eb26;color:#93c5fd}.tag.orange{background:#ea580c26;color:#fdba74}.tag.red{background:#dc262626;color:#fca5a5}.tag.green{background:#22c55e26;color:#4ade80}.sip-creds{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.sip-creds code{color:var(--text);background:#ffffff0d;padding:.1rem .35rem;border-radius:4px}.sip-creds .sip-hint{width:100%;margin-top:.35rem;font-size:.8rem}.call-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.btn-secondary,.btn-danger{padding:.55rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;border:none}.btn-secondary{background:var(--bg-input);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--red);color:#fff}.btn-primary{width:auto;margin-top:0;padding:.55rem 1rem}.alert.warn{background:#ea580c26;color:#fdba74;padding:.65rem;border-radius:8px;margin-bottom:.75rem}.alert.info{background:#2563eb26;color:#93c5fd;padding:.65rem;border-radius:8px;margin-bottom:.75rem}.agent-panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.lead-panel h3,.disposition-panel h3{margin-bottom:1rem;font-size:.95rem}.lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.lead-grid label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.15rem}.lead-phone{font-size:1.25rem;font-weight:600;color:var(--blue)}.disposition-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;margin-bottom:1rem}.disp-btn{padding:.55rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);cursor:pointer;font-size:.85rem}.disp-btn.active{border-color:var(--blue);background:#2563eb26}.disp-btn.sale.active{border-color:#4ade80;background:#22c55e26}.disposition-panel textarea{width:100%;margin-top:.35rem;padding:.65rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);resize:vertical}.muted-panel{opacity:.7}.success-msg{color:#4ade80}.webrtc-phone{margin-bottom:.75rem}.webrtc-phone h3{font-size:.9rem;margin-bottom:.5rem}.webrtc-status{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;font-size:.85rem}.webrtc-status .muted{color:var(--text-muted);font-size:.75rem}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{text-align:left;padding:.65rem .75rem;border-bottom:1px solid var(--border)}.data-table th{color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase}.inline-form{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.75rem}.inline-form input{flex:1;min-width:200px;padding:.65rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.stack-form{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.stack-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-muted)}.stack-form input,.stack-form select{padding:.65rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.btn-sm{padding:.35rem .65rem!important;font-size:.8rem}@media (max-width: 768px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.agent-panels{grid-template-columns:1fr}}