:root{--bg: #0a0e14;--bg-grad: radial-gradient(1200px 600px at 80% -10%, #12203a 0%, rgba(10,14,20,0) 55%), #0a0e14;--panel: #111722;--panel-2: #161e2b;--panel-3: #1c2636;--elev: #0d131c;--text: #e8eef6;--text-dim: #aab6c6;--muted: #7d8aa0;--primary: #3b82f6;--primary-strong: #2563eb;--primary-soft: rgba(59,130,246,.14);--accent: #f59e0b;--ok: #34d399;--ok-soft: rgba(52,211,153,.14);--warn: #fbbf24;--warn-soft: rgba(251,191,36,.14);--bad: #f87171;--bad-soft: rgba(248,113,113,.14);--info: #38bdf8;--info-soft: rgba(56,189,248,.14);--border: #232e40;--border-soft: #1a2333;--ring: rgba(59,130,246,.45);--radius: 14px;--radius-sm: 10px;--radius-lg: 20px;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.28);--shadow-lg: 0 12px 40px rgba(0,0,0,.45);--font: "Fira Sans", system-ui, "Segoe UI", Roboto, sans-serif;--mono: "Fira Code", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);background:var(--bg-grad) fixed;color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}h1{font-size:24px;font-weight:700;margin:0 0 4px;letter-spacing:-.02em}h3{margin:0 0 12px;font-size:15px;font-weight:600;letter-spacing:-.01em}.muted{color:var(--muted);font-size:13.5px}.error{color:#fecaca;background:var(--bad-soft);border:1px solid rgba(248,113,113,.3);padding:10px 14px;border-radius:var(--radius-sm);margin:10px 0;font-size:14px}.ok-msg{color:#bbf7d0;background:var(--ok-soft);border:1px solid rgba(52,211,153,.3);padding:10px 14px;border-radius:var(--radius-sm);margin:10px 0;font-size:14px}.center{min-height:100dvh;display:grid;place-items:center;padding:20px}.big,.table td,.bar-val,.stat-num{font-variant-numeric:tabular-nums}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#283449;border-radius:8px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#34435c;background-clip:padding-box}.brand{font-weight:700;font-size:20px;letter-spacing:-.02em;display:flex;align-items:center;gap:9px}.brand b{font-weight:700}.brand span{color:var(--primary)}.brand .logo{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(140deg,var(--primary),var(--primary-strong));color:#fff;box-shadow:0 0 18px #3b82f680}button{font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;background:linear-gradient(140deg,var(--primary),var(--primary-strong));color:#fff;border:0;border-radius:var(--radius-sm);padding:10px 16px;transition:transform .12s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease;box-shadow:0 2px 10px #2563eb52}button:hover{box-shadow:0 4px 18px #2563eb73;transform:translateY(-1px)}button:active{transform:translateY(0) scale(.98)}button:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}button.ghost{background:var(--panel-2);color:var(--text-dim);border:1px solid var(--border);box-shadow:none;padding:7px 12px;font-size:13px}button.ghost:hover{background:var(--panel-3);color:var(--text);border-color:#2f3c52;transform:none}button.danger{background:linear-gradient(140deg,#ef4444,#dc2626);box-shadow:0 2px 10px #dc262652}input,select,textarea{width:100%;font-family:inherit;font-size:14px;color:var(--text);background:var(--elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input::placeholder,textarea::placeholder{color:#5d6a80}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);background:var(--panel)}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237d8aa0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}input[type=datetime-local],input[type=time]{color-scheme:dark}textarea{font-family:var(--mono);font-size:13px;line-height:1.55;resize:vertical}label{display:block;font-size:12.5px;color:var(--muted);margin:12px 0 0;font-weight:500}label input,label select{margin-top:6px}.shell{display:grid;grid-template-columns:256px 1fr;min-height:100dvh}.sidebar{background:linear-gradient(180deg,#0e1420,#0b101a);border-right:1px solid var(--border-soft);padding:22px 16px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100dvh}.sidebar nav{display:flex;flex-direction:column;gap:3px;margin-top:22px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--muted);position:relative;transition:background .15s ease,color .15s ease}.nav-item svg{flex:none;opacity:.85}.nav-item:hover{background:var(--panel-2);color:var(--text)}.nav-item.active{background:var(--primary-soft);color:#cfe0ff}.nav-item.active:before{content:"";position:absolute;left:-16px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--primary);box-shadow:0 0 12px var(--primary)}.user{border-top:1px solid var(--border-soft);padding-top:14px;margin-top:8px;display:flex;align-items:center;gap:10px}.user .avatar{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;background:linear-gradient(140deg,var(--primary),var(--primary-strong));color:#fff;font-weight:700;font-size:14px}.user .who{line-height:1.25;min-width:0;flex:1}.user .who b{font-size:13.5px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user .who small{color:var(--muted);font-size:11.5px}.user button.icon{background:transparent;border:1px solid var(--border);color:var(--muted);padding:8px;box-shadow:none;border-radius:9px;display:grid;place-items:center}.user button.icon:hover{color:var(--bad);border-color:#f8717166;background:var(--bad-soft);transform:none}.content{padding:28px 32px 48px;overflow:auto;max-width:1320px}.page-head{margin-bottom:22px}.page-head .sub{color:var(--muted);font-size:14px}.card{background:linear-gradient(180deg,var(--panel),var(--panel));border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:var(--shadow)}.card>h3:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:18px}.stat{position:relative;overflow:hidden}.stat-card{display:flex;align-items:center;gap:16px}.stat-icon{width:46px;height:46px;border-radius:12px;flex:none;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.stat-icon.ok{background:var(--ok-soft);color:var(--ok)}.stat-icon.warn{background:var(--warn-soft);color:var(--warn)}.stat-icon.info{background:var(--info-soft);color:var(--info)}.stat .stat-num{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.stat .stat-label{color:var(--muted);font-size:13px;margin-top:2px}.big{font-size:28px;font-weight:700;letter-spacing:-.02em}.big.ok{color:var(--ok)}.big.bad{color:var(--bad)}.stat-num.ok{color:var(--ok)}.stat-num.bad{color:var(--bad)}table,.table{width:100%;border-collapse:collapse;margin-top:6px}.table th,table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border)}.table td,table td{text-align:left;padding:12px 14px;font-size:13.5px;border-bottom:1px solid var(--border-soft);color:var(--text-dim)}tbody tr{transition:background .12s ease}tbody tr:hover{background:#ffffff05}.table.inner{margin:0;background:var(--elev);border-radius:var(--radius-sm)}.actions{white-space:nowrap;display:flex;gap:6px}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--panel-3);color:var(--text-dim);white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}.pill.success,.pill.running,.pill.live,.pill.completed{background:var(--ok-soft);color:var(--ok)}.pill.idle,.pill.scheduled{background:var(--info-soft);color:var(--info)}.pill.calling,.pill.in_call{background:var(--primary-soft);color:#8fc0ff}.pill.busy,.pill.no_answer,.pill.paused,.pill.draft{background:var(--warn-soft);color:var(--warn)}.pill.not_interested,.pill.failed,.pill.dnd_skipped,.pill.deleted,.pill.cancelled{background:var(--bad-soft);color:var(--bad)}.pill.offline,.pill.pending{background:#20293a;color:var(--muted)}.pill.error{background:var(--bad-soft);color:var(--bad)}.switch{position:relative;width:40px;height:23px;border-radius:999px;border:0;padding:0;background:#2a3344;box-shadow:none;cursor:pointer;transition:background .2s ease;flex:none}.switch:after{content:"";position:absolute;top:2.5px;left:2.5px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0006}.switch.on{background:linear-gradient(140deg,var(--primary),var(--primary-strong))}.switch.on:after{transform:translate(17px)}.switch:hover{transform:none}.grouplist,.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{background:var(--panel-2);color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:500;box-shadow:none;transition:border-color .15s ease,background .15s ease,color .15s ease}.chip:hover{border-color:#2f3c52;color:var(--text);transform:none}.chip.active{background:var(--primary-soft);border-color:var(--primary);color:#cfe0ff}.chip .count{opacity:.65;margin-left:6px;font-size:12px}.row{display:flex;gap:10px;align-items:center;margin:12px 0;flex-wrap:wrap}.row>*{min-width:0}.importresult{margin-top:10px;font-size:14px;color:var(--ok)}.bars{display:flex;flex-direction:column;gap:10px;margin-top:8px}.bar-row{display:grid;grid-template-columns:140px 1fr 44px;align-items:center;gap:10px;font-size:13px}.bar-label{color:var(--text-dim);text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{background:var(--elev);border-radius:6px;height:16px;overflow:hidden;border:1px solid var(--border-soft)}.bar-fill{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--primary-strong),var(--primary));transition:width .5s cubic-bezier(.4,0,.2,1)}.bar-val{text-align:right;color:var(--text);font-weight:600}pre.sql{background:var(--elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-family:var(--mono);font-size:12.5px;color:#9fd0a0;overflow-x:auto;white-space:pre-wrap;margin:10px 0}.login{width:min(400px,92vw);padding:32px;box-shadow:var(--shadow-lg);border:1px solid var(--border);animation:rise .4s cubic-bezier(.2,.7,.3,1) both}.login .brand{font-size:24px;margin-bottom:4px}.login button[type=submit]{width:100%;margin-top:18px;padding:12px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.content>*{animation:rise .35s cubic-bezier(.2,.7,.3,1) both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media (max-width: 860px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:column;padding:14px 16px env(safe-area-inset-bottom,14px);border-right:none;border-bottom:1px solid var(--border-soft)}.sidebar nav{flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:14px}.nav-item{padding:9px 12px;background:var(--panel-2)}.nav-item.active:before{display:none}.nav-item span.label{display:inline}.content{padding:18px 16px 40px}.cards{grid-template-columns:1fr 1fr;gap:12px}.stat-card{gap:12px}.stat .stat-num,.big{font-size:23px}.row{flex-direction:column;align-items:stretch}.bar-row{grid-template-columns:110px 1fr 38px}.card{overflow-x:auto}h1{font-size:21px}}@media (max-width: 460px){.cards{grid-template-columns:1fr}}.seg{display:inline-flex;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.seg-btn{background:transparent;border:none;color:var(--text-dim);padding:7px 13px;font-size:13px;cursor:pointer;border-radius:0}.seg-btn:hover{background:var(--panel-3);color:var(--text)}.seg-btn.active{background:var(--primary);color:#fff}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.card.stat.kpi{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.kpi .kpi-label{color:var(--text-dim);font-size:13px;font-weight:600;margin-top:4px}.kpi .kpi-sub{font-size:12px}.insight{margin:14px 0;padding:11px 15px;background:var(--info-soft);border:1px solid var(--border);border-left:3px solid var(--info);border-radius:var(--radius-sm);color:var(--text);font-size:14px}table.tight{width:100%;border-collapse:collapse;font-size:13px}table.tight th{text-align:left;color:var(--muted);font-weight:600;padding:6px 10px;border-bottom:1px solid var(--border);white-space:nowrap}table.tight td{padding:6px 10px;border-bottom:1px solid var(--border-soft)}table.tight tr:hover td{background:var(--panel-2)}.donut-num{fill:var(--text);font-size:22px;font-weight:700}.donut-cap{fill:var(--muted);font-size:10px}.legend{display:flex;flex-direction:column;gap:6px;flex:1;min-width:160px}.legend-row{display:flex;align-items:center;gap:8px;font-size:13px}.legend .legend-label{flex:1;text-transform:capitalize;color:var(--text-dim)}.legend .legend-val{font-variant-numeric:tabular-nums}.dot{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}.hour-chart{display:flex;align-items:flex-end;gap:3px;height:130px;padding-top:6px}.hour-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.hour-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end}.hour-bar{width:100%;background:var(--primary-soft);border-radius:3px 3px 0 0;position:relative;display:flex;align-items:flex-end;min-height:1px}.hour-bar-ans{width:100%;background:var(--ok);border-radius:3px 3px 0 0}.hour-tick{font-size:9px;color:var(--muted);margin-top:3px;height:12px}.linkbtn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:13px;padding:6px;width:auto;align-self:center}.linkbtn:hover{text-decoration:underline}