@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;color:#f4f0f4;background:#100e13;font-synthesis:none;--surface: #18151c;--surface-raised: #211d24;--border: rgba(255, 255, 255, .075);--muted: #9d969f;--rose: #f05a78;--rose-soft: rgba(240, 90, 120, .13);--violet: #a784ff;--mint: #65d7bc}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#100e13}button,input{font:inherit}button{color:inherit}h1,h2,h3,p,dl,dd{margin:0}h1,h2,h3,strong{font-family:Manrope,sans-serif}button:focus-visible,input:focus-visible{outline:2px solid var(--rose);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.eyebrow{color:var(--rose);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 22% 15%,rgba(240,90,120,.12),transparent 32%),radial-gradient(circle at 80% 85%,rgba(167,132,255,.1),transparent 35%),#100e13}.login-card{width:min(430px,100%);padding:46px;border:1px solid var(--border);border-radius:24px;background:#1c181ff0;box-shadow:0 32px 90px #0000006b}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,#ff7891,#b84b65);font:800 .82rem Manrope;box-shadow:0 8px 24px #f05a7838}.brand-mark--large{width:54px;height:54px;margin-bottom:28px;border-radius:15px;font-size:1rem}.login-card h1{margin:7px 0 9px;font-size:2rem;letter-spacing:-.04em}.login-copy,.secure-note{color:var(--muted);line-height:1.55}.login-card form{display:grid;gap:17px;margin:30px 0 20px}.login-card label{display:grid;gap:8px;color:#c5bec7;font-size:.82rem;font-weight:600}.login-card input{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 13px;color:#fff;background:#121015}.primary-button{margin-top:4px;padding:13px;border:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,#f05a78,#cb4766);font-weight:700;cursor:pointer;box-shadow:0 10px 28px #f05a7833}.primary-button:disabled{opacity:.55;cursor:wait}.form-error{padding:10px 12px;border:1px solid rgba(240,90,120,.2);border-radius:9px;color:#ff9aad;background:#f05a7814;font-size:.8rem}.secure-note{font-size:.72rem;text-align:center}.app-shell{min-height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:25px 17px 20px;border-right:1px solid var(--border);background:#121015}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 31px}.brand>div:last-child{display:grid}.brand strong{font-size:.97rem}.brand span{color:#777078;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}.sidebar nav{display:grid;gap:5px}.sidebar nav button{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;border-radius:8px;color:#8e8790;background:transparent;font-size:.83rem;text-align:left;cursor:pointer;transition:.18s ease}.sidebar nav button:hover{color:#e8e2e9;background:#ffffff09}.sidebar nav button.active{color:#fff;background:var(--rose-soft);box-shadow:inset 2px 0 var(--rose)}.sidebar nav button.active svg{color:var(--rose)}.sidebar-spacer{flex:1}.secure-mode{display:flex;align-items:center;gap:10px;margin:16px 5px;padding:12px;border:1px solid rgba(101,215,188,.12);border-radius:10px;color:var(--mint);background:#65d7bc0d}.secure-mode>div{display:grid}.secure-mode strong{color:#d9f5ee;font-size:.72rem}.secure-mode span{color:#6e9d91;font-size:.66rem}.logout-button{border:1px solid var(--border);border-radius:8px;padding:9px;color:#817a83;background:transparent;font-size:.74rem;cursor:pointer}.workspace{min-width:0}.topbar{min-height:82px;display:grid;grid-template-columns:minmax(150px,1fr) minmax(220px,340px) auto auto;align-items:center;gap:17px;padding:13px 32px;border-bottom:1px solid var(--border);background:#100e13e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar h1{margin-top:3px;font-size:1.12rem;letter-spacing:-.03em}.search{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--border);border-radius:9px;color:#706a72;background:#ffffff06}.search input{min-width:0;width:100%;border:0;outline:0;color:#ddd8de;background:transparent;font-size:.76rem}.icon-button{width:37px;height:37px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:#ffffff06;cursor:pointer}.profile{display:flex;align-items:center;gap:9px}.profile>div:last-child{display:grid}.profile strong{font-size:.76rem}.profile span{color:#7f7881;font-size:.63rem}.avatar,.contact-avatar{display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#6d5266,#362b38);font-size:.65rem;font-weight:700}.avatar{width:34px;height:34px}.content{max-width:1460px;margin:0 auto;padding:31px 34px 50px}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.hero-row h2,.page-title h2{margin:5px 0;font-size:clamp(1.55rem,2.3vw,2.15rem);letter-spacing:-.055em}.hero-row>div:first-child>p:last-child,.page-title>p:last-child{color:var(--muted);font-size:.82rem}.runtime-control{min-width:310px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 10px 9px 13px;border:1px solid rgba(167,132,255,.15);border-radius:11px;background:#a784ff0f}.runtime-light{width:7px;height:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 5px #a784ff17}.runtime-control>div{display:grid}.runtime-control strong{font-size:.72rem}.runtime-control small{color:#8e8495;font-size:.62rem}.runtime-control button{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#ffffff09;font-size:.68rem;cursor:pointer}.runtime-control--stopped{border-color:#f05a7833;background:var(--rose-soft)}.runtime-control--stopped .runtime-light{background:var(--rose);box-shadow:0 0 0 5px #f05a781a}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:13px}.metric{position:relative;overflow:hidden;display:grid;padding:20px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.metric:after{position:absolute;content:"";width:80px;height:80px;top:-42px;right:-30px;border-radius:50%;background:currentColor;opacity:.09;filter:blur(3px)}.metric>span{color:var(--muted);font-size:.72rem}.metric strong{margin:12px 0 2px;color:#f6f2f6;font-size:1.65rem;letter-spacing:-.05em}.metric small{color:#716b73;font-size:.64rem}.metric--rose{color:var(--rose)}.metric--violet{color:var(--violet)}.metric--blue{color:#65a8e8}.metric--mint{color:var(--mint)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.8fr);gap:13px}.panel{min-width:0;padding:19px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-heading h3{margin-top:4px;font-size:.94rem;letter-spacing:-.025em}.count-badge{padding:4px 8px;border-radius:20px;color:#caacc1;background:#2a2229;font-size:.62rem}.count-badge--warning{color:#f5b681;background:#e28b451a}.state-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px #65d7bc14}.state-dot--critical{background:var(--rose);box-shadow:0 0 0 5px #f05a7814}.conversation-list,.campaign-list{display:grid}.conversation-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 0;border-top:1px solid rgba(255,255,255,.05)}.conversation-row:first-child{border-top:0}.contact-avatar{width:34px;height:34px;background:linear-gradient(145deg,#72506a,#3f303f)}.conversation-row strong{display:block;margin-bottom:2px;font-size:.74rem}.conversation-row p{overflow:hidden;color:#89828b;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.row-meta{display:grid;justify-items:end;gap:5px}.row-meta time{color:#69636b;font-size:.59rem}.intent,.status-pill{padding:3px 7px;border-radius:20px;color:#a795a3;background:#272229;font-size:.56rem;text-transform:capitalize}.intent--held{color:#f3ab77;background:#e28b451a}.intent--queued{color:#a993e1;background:#a784ff1a}.health-list{display:grid}.health-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.05)}.health-list>div:first-child{border-top:0}.health-list dt{color:#827b84;font-size:.69rem}.health-list dd{color:#d6d0d7;font-size:.69rem;text-transform:capitalize}.campaign-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(90px,1.1fr) auto;align-items:center;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.05)}.campaign-row:first-child{border-top:0}.campaign-row>div:first-child{display:flex;align-items:center;gap:8px}.campaign-row strong{font-size:.72rem}.status-pill--running{color:#7fe3ca;background:#65d7bc17}.status-pill--paused{color:#f3ad79;background:#e28b4517}.progress-track{height:4px;overflow:hidden;border-radius:4px;background:#29242b}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--rose),#ae6de8)}.campaign-row small{color:#777078;font-size:.61rem}.hold-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.hold-list li{display:flex;gap:9px;padding:9px;border-radius:8px;background:#ffffff06}.hold-icon{width:22px;height:22px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;color:#efad79;background:#e28b451a;font:700 .65rem Manrope}.hold-list strong{font-size:.68rem}.hold-list p{margin-top:2px;color:#746d76;font-size:.61rem}.empty-state{min-height:125px;display:grid;place-content:center;justify-items:center;text-align:center;color:#605a62}.empty-state svg{margin-bottom:10px}.empty-state strong{color:#918a93;font-size:.75rem}.empty-state p{max-width:34ch;margin-top:4px;color:#6f6871;font-size:.65rem;line-height:1.5}.page-title{margin:2px 0 25px}.table-panel{padding:0;overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:13px 18px;border-bottom:1px solid var(--border);color:#777079;background:#ffffff05;font-size:.63rem;letter-spacing:.08em;text-transform:uppercase}td{max-width:460px;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.045);color:#bcb5bd;font-size:.74rem;text-transform:capitalize}tr:last-child td{border-bottom:0}.toast{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px;padding:10px 13px;border:1px solid rgba(240,90,120,.18);border-radius:8px;color:#ff9db0;background:#f05a7812;font-size:.72rem}.toast button{border:0;color:#c18692;background:transparent;cursor:pointer}@media(max-width:1050px){.topbar{grid-template-columns:1fr minmax(180px,300px) auto}.profile{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{grid-template-columns:1fr;padding-bottom:65px}.sidebar{position:fixed;z-index:10;inset:auto 0 0;width:100%;height:65px;display:block;padding:7px 10px;border:1px solid var(--border);background:#121015f7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.sidebar-spacer,.secure-mode,.logout-button{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(6,1fr);gap:1px}.sidebar nav button{display:grid;justify-items:center;gap:3px;padding:7px 2px;font-size:.56rem}.sidebar nav button.active{box-shadow:inset 0 -2px var(--rose)}.topbar{min-height:68px;grid-template-columns:1fr auto;padding:11px 18px}.search{display:none}.content{padding:24px 17px 36px}.hero-row{align-items:stretch;flex-direction:column}.runtime-control{min-width:0}.dashboard-grid{grid-template-columns:1fr}.panel--wide{grid-column:auto}}@media(max-width:480px){.login-card{padding:34px 24px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:15px}.metric strong{font-size:1.28rem}.runtime-control{grid-template-columns:auto 1fr}.runtime-control button{grid-column:1 / -1;justify-content:center}.campaign-row{grid-template-columns:1fr auto}.campaign-row .progress-track{grid-row:2;grid-column:1 / -1}.sidebar nav button span{display:none}.sidebar nav button{padding:13px 2px}}
