@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #7c7bff;--primary-hover: #a5a3ff;--primary-glow: rgba(124, 123, 255, .65);--accent-red: #ff3b5c;--accent-red-hover: #ff6b85;--accent-red-glow: rgba(255, 59, 92, .55);--accent-orange: #ffae1a;--accent-orange-hover: #ffc24d;--accent-green: #12d98a;--accent-green-glow: rgba(18, 217, 138, .55);--bg-base: #070b15;--bg-panel: rgba(32, 44, 70, .92);--bg-card: rgba(24, 34, 58, .9);--bg-card-live: rgba(6, 95, 70, .72);--bg-input: rgba(3, 7, 18, .85);--text-main: #ffffff;--text-bright: #ffffff;--text-muted: #b8c4d9;--border-subtle: rgba(255, 255, 255, .16);--border-bright: rgba(255, 255, 255, .34);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--font-stack: "Outfit", system-ui, -apple-system, sans-serif;--transition-smooth: .3s cubic-bezier(.16, 1, .3, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}body{background-color:var(--bg-base);background-image:radial-gradient(circle at 15% 50%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(16,185,129,.05) 0%,transparent 50%);color:var(--text-main);font-family:var(--font-stack);margin:0;padding:0;-webkit-font-smoothing:antialiased;min-height:100vh}html{font-size:clamp(16px,.6vw + 13px,21px)}html,body{min-height:100vh}h1,h2,h3{margin-top:0;font-weight:800;letter-spacing:-.02em;color:#fff;-webkit-text-fill-color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}a{color:var(--primary);text-decoration:none;font-weight:600;transition:all var(--transition-smooth)}a:hover{color:var(--primary-hover);text-shadow:0 0 12px var(--primary-glow)}.container{padding:20px;margin:0 auto}.container-sm{max-width:450px;margin:60px auto;padding:0 20px;animation:fadeUp .6s var(--transition-bounce) forwards}.container-lg{max-width:1600px;margin:0 auto;padding:40px 20px;animation:fadeIn .4s ease-out forwards}.container-md{max-width:800px;margin:0 auto;padding:40px 20px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 var(--accent-green-glow)}70%{box-shadow:0 0 0 15px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes ringPulse{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 20px #6366f100}to{box-shadow:0 0 #6366f100}}.form-group{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;text-align:left}.form-field{display:block}.form-label{display:block;margin-bottom:8px;font-size:.95em;font-weight:500;color:var(--text-muted);letter-spacing:.02em}.form-label-lg{font-size:1.1em;margin-bottom:12px}.form-input{width:100%;padding:14px 18px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-main);font-family:var(--font-stack);font-size:1rem;font-weight:500;transition:all var(--transition-smooth)}.form-input::placeholder{color:#475569}.form-input:focus{outline:none;border-color:var(--primary);background:#0f172ae6;box-shadow:0 0 0 3px #6366f133}.input-group{display:flex;gap:12px}.input-group .form-input{flex:1}.btn{padding:14px 28px;font-size:1rem;font-weight:600;font-family:var(--font-stack);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-bounce);display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.02em}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--primary),#4f46e5);color:#fff;box-shadow:0 4px 15px #0003}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover),var(--primary));box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,var(--accent-red),#e11d48);color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-red-hover),var(--accent-red));box-shadow:0 6px 20px var(--accent-red-glow);transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,var(--accent-orange),#d97706);color:#fff}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-orange-hover),var(--accent-orange));transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,var(--accent-green),#059669);color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#34d399,var(--accent-green));box-shadow:0 6px 20px var(--accent-green-glow);transform:translateY(-2px)}.btn-secondary{background:#ffffff14;color:#fff;border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:#ffffff1f;border-color:var(--border-bright)}.btn-sm{padding:14px 22px;font-size:1.05em;border-radius:var(--radius-sm)}.btn-full{width:100%;padding:16px 30px;font-size:1.15rem;border-radius:var(--radius-md)}.btn-flex{flex:1}.btn.is-active,.btn[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--primary-hover),0 0 14px var(--primary-glow);filter:brightness(1.06)}.panel{background:var(--bg-panel);padding:40px;border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff1a;border:1px solid var(--border-subtle)}.panel-spacing{margin-bottom:30px}.caller-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:20px}.active-call-zone{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;min-height:250px;margin-bottom:40px;border-radius:var(--radius-lg);transition:all var(--transition-smooth)}.active-call-zone.empty-zone{border:3px dashed var(--border-subtle);background:#00000026;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1.8em;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.active-call-zone.empty-zone:hover,.active-call-zone.drag-over{border-color:var(--accent-green);background:#10b9810d;color:var(--accent-green)}.active-call-zone .caller-card{min-height:250px;background:var(--surface-light);border:3px solid var(--accent-green);box-shadow:0 10px 40px #10b98133}.active-call-zone .caller-card-name{font-size:2.6em;color:var(--text-bright)}.active-call-zone .caller-card-location{font-size:1.4em}.caller-card{position:relative;background:var(--bg-card);padding:24px 36px 24px 24px;border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border-subtle);transition:all var(--transition-bounce);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.caller-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 30px #0000004d;border-color:var(--border-bright)}.caller-card.is-live{background:var(--bg-card-live);border-color:#10b98166;box-shadow:0 8px 30px #064e3b99;position:relative;overflow:hidden}.caller-card.is-live:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-green);box-shadow:0 0 10px var(--accent-green)}.caller-card.is-live:hover{box-shadow:0 12px 40px #064e3bcc;transform:translateY(-4px) scale(1.01)}.caller-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.caller-card-name{font-size:1.6em;font-weight:700;color:#fff}.caller-card-queue{font-size:clamp(1.05rem,2vh,1.4em);color:var(--text-muted);font-weight:700;background:#ffffff1a;padding:4px 12px;border-radius:12px}.caller-card-location{font-size:1.15em;color:var(--text-muted);margin-bottom:18px;display:flex;align-items:center;gap:6px;font-weight:400}.caller-card-status{font-size:1.1em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:6px}.caller-card-status.live{color:var(--accent-green)}.caller-card-status.live:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--accent-green);animation:pulseGlow 2s infinite}.caller-card-status.hold{color:var(--accent-orange)}.caller-card-actions{display:flex;gap:12px;margin-top:25px}.audio-preview{margin-top:20px;background:#0000004d;padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.audio-preview-label{display:block;margin-bottom:12px;font-size:.85em;color:var(--text-muted);font-weight:600;letter-spacing:.02em;text-transform:uppercase}audio{width:100%;height:40px;border-radius:var(--radius-sm);outline:none}audio::-webkit-media-controls-panel{background:#ffffff1a}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.dashboard-actions{display:flex;gap:15px;align-items:center}.studio-header{position:relative}.studio-station-brand{position:absolute;left:calc(50% - 140px);top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;max-width:46%;pointer-events:none}.studio-station-brand-logo{height:40px;width:40px;border-radius:10px;object-fit:cover;border:1px solid var(--border-subtle);box-shadow:0 4px 14px #00000073;flex-shrink:0}.studio-station-brand-name{font-family:Outfit,sans-serif;font-size:clamp(1.35rem,2.8vh,2rem);font-weight:700;letter-spacing:.07em;text-transform:uppercase;line-height:1.1;background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary) 48%,var(--accent-green) 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 2px 12px var(--primary-glow));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1024px){.studio-station-brand{display:none}}.stat-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px 20px}.stat-card-label{font-size:.82rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.stat-card-value{font-size:clamp(1.6rem,3.2vh,2.2rem);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--primary-hover),var(--accent-green));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.stat-card-sub{margin-top:6px;font-size:.78rem;color:var(--text-muted)}.text-center{text-align:center}.text-success{color:var(--accent-green)}.text-muted{color:var(--text-muted)}.text-danger{color:var(--accent-red)}.fw-bold{font-weight:700}.status-indicator{font-size:1.25em;margin-bottom:25px;display:inline-block;padding:8px 16px;background:#ffffff0d;border-radius:30px;border:1px solid var(--border-subtle)}.status-indicator strong{font-weight:700}.status-indicator.ringing{animation:ringPulse 1.5s infinite;border-color:var(--primary)}.warning-banner{background:linear-gradient(to right,rgba(244,63,94,.15),transparent);border-left:4px solid var(--accent-red);padding:16px 20px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:25px;font-size:.95em;color:#fda4af;line-height:1.5;display:flex;align-items:center;gap:12px}.backchannel-display{padding:16px 20px;background:#0006;font-family:JetBrains Mono,Courier New,monospace;font-size:.95em;font-weight:600;min-height:52px;color:var(--accent-red);border-radius:var(--radius-md);border:1px solid rgba(244,63,94,.3);display:flex;align-items:center;box-shadow:inset 0 2px 10px #00000080;letter-spacing:.05em;text-transform:uppercase}.caller-card.empty-line{border:2px dashed var(--border-subtle);background:#0003;align-items:center;justify-content:center;color:var(--text-muted);font-weight:600;cursor:pointer;min-height:200px}.caller-card.empty-line:hover{border-color:var(--border-bright)}.caller-card.empty-line.active-line-slot{opacity:.35;border-style:dotted;cursor:not-allowed;pointer-events:none}.caller-card.is-selected{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.caller-card.drag-over{border-color:var(--accent-orange);background:#f59e0b1a}.bulk-action-bar{background:var(--bg-card);padding:15px 20px;border-radius:var(--radius-md);margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--primary);box-shadow:0 4px 20px #6366f133;animation:fadeUp .3s ease forwards}.network-stats-box{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid var(--border-subtle);padding:8px 14px;border-radius:var(--radius-sm);font-size:clamp(.95rem,1.8vh,1.25em);color:var(--text-muted)}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;transition:background-color .3s ease,box-shadow .3s ease}.status-dot.green{background-color:var(--accent-green);box-shadow:0 0 8px var(--accent-green-glow)}.status-dot.yellow{background-color:var(--accent-orange);box-shadow:0 0 8px #f59e0b66}.status-dot.red{background-color:var(--accent-red);box-shadow:0 0 8px var(--accent-red-glow)}.logo-text{font-size:clamp(1.8rem,3.6vh,2.5em);font-weight:800;letter-spacing:-.04em;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.logo-accent{background:linear-gradient(135deg,#3b82f6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dashboard-container{width:100vw;height:100vh;padding:16px 20px;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.dashboard-container .dashboard-header{flex:0 0 auto;margin-bottom:12px}.dashboard-container .dashboard-content{flex:1;display:flex;flex-direction:row;gap:16px;min-height:0}.dashboard-container .main-board-area{flex:1;display:flex;flex-direction:column;gap:16px;min-height:0}.dashboard-container .active-call-zone{flex:1;min-height:240px;margin-bottom:0;display:flex;flex-direction:row;gap:16px;border:1px solid var(--border-subtle);background:#0f172a33;border-radius:var(--radius-lg);padding:16px;overflow-x:auto}.dashboard-container .active-call-zone .active-empty-state{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.4em;font-weight:700;color:var(--text-muted);border:2px dashed rgba(255,255,255,.05);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.05em}.dashboard-container .caller-grid{flex:1.35;min-height:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:0}.dashboard-container .caller-card{height:100%;min-height:0;padding:clamp(8px,1.5vh,14px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.dashboard-container .caller-card.is-live:before{display:none}.dashboard-container .caller-card.empty-line{min-height:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1.15rem,2.2vh,1.6em);color:var(--text-muted)}.dashboard-container .caller-card-header{margin-bottom:clamp(2px,.4vh,6px);display:flex;justify-content:space-between;align-items:center}.dashboard-container .caller-card-name{font-size:clamp(1.5rem,3vh,2.8em);font-weight:700;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:clamp(2px,.4vh,4px)}.dashboard-container .caller-card-location{font-size:clamp(1.1rem,2.2vh,1.8em);margin-bottom:clamp(2px,.4vh,4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-container .caller-card-actions{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr auto;gap:clamp(6px,1.2vh,12px);margin-top:clamp(8px,1.5vh,15px);flex:1;min-height:0}.dashboard-container .caller-card-actions .btn{height:100%;width:100%;border-radius:var(--radius-md);font-size:clamp(.75rem,1.5vh,.9rem)!important;font-weight:700;border:1px solid rgba(255,255,255,.1);cursor:pointer;padding:4px 6px;box-sizing:border-box;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 6px #00000026;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.03em}.dashboard-container .caller-card-actions .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d;filter:brightness(1.15)}.dashboard-container .caller-card-actions .btn:active{transform:translateY(0);filter:brightness(.9)}.dashboard-container .caller-card-actions .btn-answer{background:linear-gradient(135deg,var(--accent-green),#059669);color:#fff;border-color:var(--accent-green)}.dashboard-container .caller-card-actions .btn-hangup{background:linear-gradient(135deg,var(--accent-red),#dc2626);color:#fff;border-color:var(--accent-red)}.dashboard-container .caller-card-actions .btn-hold,.dashboard-container .caller-card-actions .btn-partyline,.dashboard-container .caller-card-actions .btn-cue{background:#ffffff0d;color:var(--text-muted);border-color:var(--border-subtle)}.dashboard-container .caller-card-actions .btn-hold.is-active{background:linear-gradient(135deg,var(--accent-orange),#d97706);color:#fff;border-color:var(--accent-orange);box-shadow:0 0 15px #f59e0b66}.dashboard-container .caller-card-actions .btn-partyline.is-active{background:linear-gradient(135deg,var(--primary),#4f46e5);color:#fff;border-color:var(--primary-hover);box-shadow:0 0 18px var(--primary-glow)}.dashboard-container .caller-card-actions .btn-cue.is-active{background:linear-gradient(135deg,#eab308,#ca8a04);color:#0f172a;border-color:#eab308;box-shadow:0 0 15px #eab30880}.dashboard-container .caller-card-actions .input-group{grid-column:span 2;margin-top:4px!important}.dashboard-container .caller-card-actions .input-group .form-input{padding:6px 10px;font-size:clamp(.95rem,1.9vh,1.25em);height:clamp(28px,5vh,36px)}.dashboard-container .caller-card-actions .input-group .btn{padding:6px 16px!important;font-size:clamp(.95rem,1.9vh,1.25em)!important;height:clamp(28px,5vh,36px);min-height:clamp(28px,5vh,36px);width:auto!important;flex:0 0 auto}.dashboard-container .active-call-zone .caller-card{flex:0 0 calc((100% - 64px)/5);box-sizing:border-box}.dashboard-container .active-call-zone .caller-card-actions{gap:clamp(6px,1.2vh,12px)}@keyframes flash-animation{0%{background-color:transparent}25%{background-color:#3b82f673;box-shadow:inset 0 0 50px #3b82f680}50%{background-color:transparent}75%{background-color:#3b82f673;box-shadow:inset 0 0 50px #3b82f680}to{background-color:transparent}}.flash-effect{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:99999;animation:flash-animation 1.5s ease-out}.group-actions-column{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;justify-content:stretch;height:100%;box-sizing:border-box}.group-actions-column .btn-group{flex:1;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(1.2rem,2.4vh,1.8rem)!important;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 10px #0003}.group-actions-column .btn-group-partyline{background:#4f46e51f;color:#c7d2fe;border-color:#6366f14d}.group-actions-column .btn-group-partyline.is-active{background:linear-gradient(135deg,var(--primary),#4f46e5);color:#fff;border-color:var(--primary-hover);box-shadow:0 0 20px var(--primary-glow);animation:group-pulse-indigo 1.5s infinite}.group-actions-column .btn-group-cue{background:#eab3081a;color:#fef08a;border-color:#eab3084d}.group-actions-column .btn-group-cue.is-active{background:linear-gradient(135deg,#eab308,#ca8a04);color:#0f172a;border-color:#eab308;box-shadow:0 0 18px #eab30880;animation:group-pulse-amber 1.5s infinite}.group-actions-column .btn-group-hangup{background:#ef44441f;color:#fca5a5;border-color:#ef44444d}.group-actions-column .btn-group-hangup.is-active{background:linear-gradient(135deg,var(--accent-red),#dc2626);color:#fff;border-color:var(--accent-red);box-shadow:0 0 18px #ef444480;animation:group-pulse-red 1.5s infinite}@keyframes group-pulse-indigo{0%{transform:scale(1);box-shadow:0 0 #6366f199}70%{transform:scale(1.02);box-shadow:0 0 0 10px #6366f100}to{transform:scale(1);box-shadow:0 0 #6366f100}}@keyframes group-pulse-amber{0%{transform:scale(1);box-shadow:0 0 #eab30899}70%{transform:scale(1.02);box-shadow:0 0 0 10px #eab30800}to{transform:scale(1);box-shadow:0 0 #eab30800}}@keyframes group-pulse-red{0%{transform:scale(1);box-shadow:0 0 #ef444499}70%{transform:scale(1.02);box-shadow:0 0 0 10px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.caller-card-select-badge{position:absolute;top:10px;right:12px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;z-index:12;cursor:pointer;box-shadow:0 2px 5px #0000004d;transition:all .2s ease}.caller-card-select-badge.is-unselected{border:2px dashed rgba(255,255,255,.4);background:#0006;color:transparent}.caller-card-select-badge.is-unselected:hover{border-color:#fffc;background:#0009}.caller-card-select-badge.is-selected{border:2px solid #ffffff;color:#fff}.caller-card-select-badge.is-selected-partyline{background:linear-gradient(135deg,var(--primary),#4f46e5)}.caller-card-select-badge.is-selected-cue{background:linear-gradient(135deg,#eab308,#ca8a04);color:#0f172a!important;border-color:#0f172a!important}.caller-card-select-badge.is-selected-hangup{background:linear-gradient(135deg,var(--accent-red),#dc2626)}.caller-card.state-live{background:linear-gradient(135deg,#064e3b73,#10b98126)!important;border-color:#10b98180!important;box-shadow:0 8px 30px #10b98126!important}.caller-card.state-live:hover{box-shadow:0 12px 40px #10b98140!important;border-color:#10b981cc!important}.caller-card.state-on-hold{background:linear-gradient(135deg,#78350473,#f59e0b26)!important;border-color:#f59e0b80!important;box-shadow:0 8px 30px #f59e0b26!important}.caller-card.state-on-hold:hover{box-shadow:0 12px 40px #f59e0b40!important;border-color:#f59e0bcc!important}.caller-card.state-partyline{background:linear-gradient(135deg,#4c1d9573,#8b5cf626)!important;border-color:#8b5cf680!important;box-shadow:0 8px 30px #8b5cf626!important}.caller-card.state-partyline:hover{box-shadow:0 12px 40px #8b5cf640!important;border-color:#8b5cf6cc!important}.caller-card.state-cued{background:linear-gradient(135deg,#1e3a8a73,#3b82f626)!important;border-color:#3b82f680!important;box-shadow:0 8px 30px #3b82f626!important}.caller-card.state-cued:hover{box-shadow:0 12px 40px #3b82f640!important;border-color:#3b82f6cc!important}.caller-card-name-input,.caller-card-location-input{background:transparent;border:1px dashed transparent;outline:none;padding:2px 4px;border-radius:4px;font-family:inherit;width:100%;box-sizing:border-box;transition:all .2s ease}.caller-card-name-input{font-size:clamp(1.15rem,2.3vh,1.45rem);font-weight:800;color:var(--text-bright)}.caller-card-location-input{font-size:clamp(.78rem,1.5vh,.95rem);font-weight:500;color:var(--text-muted);margin-top:1px}.caller-card-name-input:hover,.caller-card-location-input:hover{background:#ffffff0d;border-color:#fff3;cursor:text}.caller-card-name-input:focus,.caller-card-location-input:focus{background:#0006;border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.urgent-badge{background:#ef4444;color:#fff;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:.05em;box-shadow:0 0 10px #ef444480;animation:pulse-red-badge 1.5s infinite}@keyframes pulse-red-badge{0%{transform:scale(1);opacity:1}50%{transform:scale(.95);opacity:.8}to{transform:scale(1);opacity:1}}.caller-card-last-message{margin-top:6px;background:#ffffff14;border-radius:6px;padding:6px 10px;font-size:.8rem;color:var(--text-bright);border-left:3px solid var(--primary);word-break:break-word;line-height:1.3}.phone-dialer-screen{width:calc(100vw - 10px);max-width:430px;height:calc(100vh - 20px);height:calc(100dvh - 20px);max-height:860px;background:linear-gradient(180deg,#121214,#000);border:8px solid #2d2d30;border-radius:40px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000000d9,0 0 30px #ffffff05;margin:0 auto 20px;display:flex;flex-direction:column;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box}@media (min-width: 768px){.phone-dialer-screen{width:390px;max-width:390px;height:780px;max-height:780px;margin:10px auto 20px}}.ios-status-bar{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:13px;font-weight:600;color:#ffffffe6;flex-shrink:0;z-index:5}.ios-clock{letter-spacing:-.02em}.ios-dynamic-island{width:105px;height:28px;background:#000;border-radius:14px;margin-top:4px}.ios-icons{display:flex;align-items:center;gap:6px}.ios-battery{width:22px;height:11px;border:1px solid rgba(255,255,255,.5);border-radius:3px;position:relative;padding:1px;box-sizing:border-box}.ios-battery-body{width:100%;height:100%;background:#34c759;border-radius:1.5px}.ios-battery-cap{width:1.5px;height:4px;background:#ffffff80;border-radius:0 1px 1px 0;position:absolute;right:-3px;top:3px}.phone-header{padding:20px 24px 10px;text-align:center;flex-shrink:0}.station-name-title{font-size:1.4rem;font-weight:800;letter-spacing:.05em;color:#fff;margin:0 0 6px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.status-badge-pill{display:inline-block;font-size:.78rem;font-weight:700;padding:4px 12px;border-radius:20px;letter-spacing:.02em;transition:all .3s ease}.status-disconnected{background:#ffffff14;color:#fff9;border:1px solid rgba(255,255,255,.1)}.status-live{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3);box-shadow:0 0 12px #22c55e26;animation:breathe-green 2s infinite}.status-cued{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.status-on-hold{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}@keyframes breathe-green{0%{box-shadow:0 0 4px #22c55e1a}50%{box-shadow:0 0 15px #22c55e66}to{box-shadow:0 0 4px #22c55e1a}}.phone-content{flex:1;min-height:0;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:10px 24px}.phone-form-panel{width:100%}.welcome-text{font-size:1.1rem;font-weight:600;text-align:center;color:#ffffffb3;margin-bottom:24px}.phone-form-group{display:flex;flex-direction:column;gap:16px}.phone-field{display:flex;flex-direction:column;align-items:flex-start}.phone-label{font-size:.72rem;font-weight:800;color:#fff6;letter-spacing:.1em;margin-left:4px}.phone-input-field{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;color:#fff;font-size:1rem;font-weight:500;outline:none;transition:all .25s ease;box-sizing:border-box;margin-top:6px}.phone-input-field:focus{border-color:#ffffff4d;background:#ffffff14;box-shadow:0 0 10px #ffffff08}.phone-active-card-container{display:flex;flex-direction:column;align-items:center;width:100%}.logo-card-frame{width:200px;height:200px;border-radius:24px;background:linear-gradient(135deg,#1a1a1f,#111113);border:1px solid rgba(255,255,255,.08);box-shadow:0 15px 35px #0009;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:24px}.logo-card-img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%)}.logo-card-placeholder{display:flex;flex-direction:column;align-items:center;color:#ffffff59}.caller-metadata-block{text-align:center}.caller-metadata-name{font-size:1.8rem;font-weight:800;margin:0 0 6px;letter-spacing:-.01em}.caller-metadata-location{font-size:.95rem;font-weight:500;color:#ffffff80;margin:0}.dial-action-zone{display:flex;flex-direction:column;align-items:center;padding:10px 24px 20px;flex-shrink:0}.dial-btn-container{position:relative;width:86px;height:86px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.dial-circle-btn{width:76px;height:76px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 25px #0000004d;z-index:2}.dial-circle-btn:active{transform:scale(.92)}.dial-btn-start{background:#fff;color:#22c55e}.dial-btn-start:hover{background:#f8f9fa;box-shadow:0 12px 30px #22c55e40}.dial-btn-stop{background:#ef4444;color:#fff}.dial-btn-stop:hover{background:#dc2626;box-shadow:0 12px 30px #ef444459}.pulse-ring{position:absolute;top:5px;left:5px;right:5px;bottom:5px;border:1px solid rgba(255,255,255,.15);border-radius:50%;z-index:1;pointer-events:none}.ring-1{animation:pulse-out 2.5s infinite linear}.ring-2{animation:pulse-out 2.5s infinite linear .8s}.ring-3{animation:pulse-out 2.5s infinite linear 1.6s}@keyframes pulse-out{0%{transform:scale(1);opacity:.8}to{transform:scale(2.2);opacity:0}}.hold-music-indicator{font-size:.72rem;font-weight:600;color:#f59e0b;margin:10px 0 0;letter-spacing:.02em}.phone-bottom-bar{padding:10px 24px 24px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:16px}.phone-pills-row{display:flex;justify-content:space-between;width:100%;gap:12px}.phone-pill-btn{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:12px 14px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s ease}.phone-pill-btn:hover{background:#ffffff1f;border-color:#ffffff26}.urgent-pill.is-active{background:#f59e0b2e!important;border-color:#f59e0b66!important;color:#f59e0b!important;box-shadow:0 0 15px #f59e0b33}.message-pill.is-active{background:#3b82f62e!important;border-color:#3b82f666!important;color:#3b82f6!important}.ios-home-indicator{width:135px;height:5px;background:#ffffff59;border-radius:10px}.chat-drawer-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:#18181c;border-top-left-radius:24px;border-top-right-radius:24px;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -15px 40px #000000b3;z-index:100;display:flex;flex-direction:column;overflow:hidden}.chat-drawer-header{padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;flex-shrink:0}.chat-drawer-handle{width:36px;height:5px;background:#fff3;border-radius:10px;cursor:pointer;transition:background .2s}.chat-drawer-handle:hover{background:#ffffff4d}.chat-close-text-btn{background:transparent;border:none;color:var(--primary);font-size:.9rem;font-weight:600;cursor:pointer}.chat-messages-container{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#ffffff59;font-size:.85rem;text-align:center;padding:0 20px}.chat-bubble-row{display:flex;width:100%}.chat-bubble-row.studio{justify-content:flex-start}.chat-bubble-row.caller{justify-content:flex-end}.chat-bubble{max-width:75%;padding:10px 14px;border-radius:16px;font-size:.9rem;line-height:1.4;word-break:break-word}.studio .chat-bubble{background:#ffffff14;color:#fff;border-bottom-left-radius:4px;border:1px solid rgba(255,255,255,.05)}.caller .chat-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.chat-drawer-footer{padding:12px 16px 20px;border-top:1px solid rgba(255,255,255,.05);display:flex;gap:10px;background:#18181c;flex-shrink:0}.chat-input-field{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 14px;color:#fff;font-size:.9rem;outline:none}.chat-input-field:focus{border-color:var(--primary)}.chat-send-btn{background:var(--primary);color:#fff;border:none;border-radius:12px;padding:0 16px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s}.chat-send-btn:hover{background:var(--primary-hover, #2563eb)}.app-footer{flex:0 0 auto;text-align:center;padding:10px 16px;margin-top:8px;font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border-subtle);letter-spacing:.02em}.mic-meter-box{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid var(--border-subtle);padding:12px 16px;border-radius:var(--radius-md);font-size:clamp(.95rem,1.8vh,1.25em);color:var(--text-muted);transition:all var(--transition-smooth)}.mic-meter-box:hover{border-color:var(--border-bright);background:#ffffff14}.mic-meter-label{font-weight:700;color:var(--text-main);flex-shrink:0;letter-spacing:.03em}.mic-meter-track{position:relative;flex:1;min-width:0;height:18px;border-radius:9px;background:#00000073;border:1px solid rgba(255,255,255,.08);overflow:hidden}.vu-fill{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit}.vu-fill-bar{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent-green) 0%,var(--accent-green) 60%,var(--accent-orange) 100%);transition:width .05s linear,background .1s linear}.vu-fill-bar.is-clip{background:var(--accent-red);box-shadow:0 0 10px var(--accent-red-glow)}.vu-fill-0db{position:absolute;top:0;bottom:0;left:85.7%;width:2px;background:#ffffff59;pointer-events:none}.network-stats{width:100%;box-sizing:border-box}.network-stats-toggle{width:100%;display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-main);font-weight:600;font-size:1em;cursor:pointer;transition:all var(--transition-smooth)}.network-stats-toggle:hover{border-color:var(--border-bright);background:#ffffff17;transform:translateY(-1px)}.network-stats-toggle.is-open{border-color:var(--primary);background:#7c7bff1f;border-bottom-left-radius:0;border-bottom-right-radius:0}.network-stats-title{flex:1;text-align:left}.network-stats-chevron{color:var(--text-muted);font-size:.9em}.network-stats-detail{border:1px solid var(--primary);border-top:none;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);background:#7c7bff0f;padding:10px 16px;display:flex;flex-direction:column;gap:6px}.network-stats-row{display:flex;justify-content:space-between;font-size:.92rem;color:var(--text-muted)}.network-stats-row strong{color:var(--text-main);font-variant-numeric:tabular-nums}.network-stats-box{transition:all var(--transition-smooth)}.network-stats-box:hover{border-color:var(--border-bright);background:#ffffff14;color:var(--text-main)}.icon-link{display:inline-flex;align-items:center;justify-content:center;font-size:1.3em;line-height:1;padding:6px;border-radius:var(--radius-sm);transition:all var(--transition-smooth)}.icon-link:hover{transform:scale(1.15) rotate(25deg);text-shadow:0 0 12px var(--primary-glow);background:#ffffff0f}.group-actions-column .btn-group:hover{filter:brightness(1.12);transform:translateY(-2px)}.chat-close-text-btn{transition:color .2s ease,text-shadow .2s ease}.chat-close-text-btn:hover{color:var(--primary-hover);text-shadow:0 0 10px var(--primary-glow)}button:not(:disabled){transition:filter .2s ease,transform .2s ease}button:not(:disabled):hover{filter:brightness(1.1)}.form-input:hover:not(:focus),.phone-input-field:hover:not(:focus),.chat-input-field:hover:not(:focus){border-color:var(--border-bright)}.phone-info-btn{position:absolute;top:14px;right:16px;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#fff;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:6}.phone-info-btn:hover{background:#ffffff2e;transform:scale(1.1)}.info-drawer{height:86%!important}.info-tab{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:.85rem;font-weight:700;padding:6px 16px;border-radius:16px;cursor:pointer;transition:all .2s ease}.info-tab:hover{background:#ffffff1f}.info-tab.is-active{background:var(--primary);border-color:var(--primary-hover);color:#fff}.info-content{flex:1;overflow-y:auto;padding:18px 20px 28px;color:#ffffffd9;font-size:.92rem;line-height:1.55}.info-content h3{font-size:1.25rem;margin:0 0 12px;color:#fff}.info-content h4{font-size:.95rem;margin:18px 0 4px;color:var(--primary-hover);font-weight:700}.info-content p{margin:6px 0}.info-content strong{color:#fff}.group-actions-column .mic-meter-box,.group-actions-column .network-stats{width:100%;box-sizing:border-box;justify-content:flex-start}.group-actions-column .btn-column{width:100%;box-sizing:border-box;justify-content:center;text-align:center;text-decoration:none;font-weight:600;padding:12px 14px;border-radius:var(--radius-md)}.group-actions-column .btn-column:hover{transform:translateY(-2px)}.aw-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.aw-modal-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;width:min(92vw,880px);max-width:880px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080;text-align:left}.aw-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.aw-modal-head h3{margin:0;color:var(--text-bright);font-size:1.3em}.aw-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.8em;line-height:1;padding:0;transition:color var(--transition-smooth)}.aw-modal-close:hover{color:var(--text-bright)}.aw-modal-body{color:var(--text-main);font-size:1em;line-height:1.55}.aw-modal-body h4{color:var(--text-bright);margin:18px 0 6px;font-size:1.02em}.aw-modal-body p{margin:0 0 10px}.aw-modal-body ul{margin:0 0 10px;padding-left:20px}.aw-modal-body li{margin-bottom:6px}.aw-modal-body a{color:var(--primary)}.header-clock{position:absolute;left:calc(100% - 130px);top:50%;transform:translate(-50%,-50%);text-align:center;line-height:1.15}@media (max-width: 1024px){.header-clock{position:static;transform:none;left:auto;margin-left:auto;text-align:right}}.header-clock-time{font-size:clamp(1.4rem,3.2vh,2.1rem);font-weight:700;color:var(--text-bright);font-variant-numeric:tabular-nums;letter-spacing:.02em}.header-clock-date{font-size:clamp(.7rem,1.5vh,.9rem);color:var(--text-muted);margin-top:2px;white-space:nowrap}.group-actions-column .column-bottom-actions{margin-top:auto;display:flex;flex-direction:column;gap:16px}.group-actions-column .studio-active-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:800;font-size:clamp(1.15rem,2.4vh,1.5rem);letter-spacing:.03em;text-transform:uppercase;padding:22px 18px;min-height:72px;border-radius:var(--radius-md);border:2px solid transparent;box-shadow:0 6px 20px #00000040;transition:all var(--transition-smooth)}.group-actions-column .studio-active-toggle .status-dot{width:14px;height:14px}.group-actions-column .studio-active-toggle.is-on{background:#12d98a2e;color:#6ef2bd;border-color:var(--accent-green)}.group-actions-column .studio-active-toggle.is-off{background:#ff3b5c2e;color:#ff8fa3;border-color:var(--accent-red)}.group-actions-column .studio-active-toggle:hover{transform:translateY(-2px);filter:brightness(1.12)}.he{--he-tray:rgba(255,255,255,.045);--he-core:rgba(18,23,34,.72);--he-hair:rgba(255,255,255,.1);--he-hair-hi:rgba(255,255,255,.18);--he-text:#f4f6fb;--he-muted:#9aa6bd;--he-accent:#5b8cff;--he-accent-2:#2f6bff;--he-ease:cubic-bezier(.32,.72,0,1);color:var(--he-text)}.he.container-sm,.he.container-lg{padding-top:clamp(40px,8vh,96px);padding-bottom:clamp(40px,8vh,96px)}.he-eyebrow{display:inline-flex;align-items:center;gap:.5em;padding:.4em .9em;border-radius:999px;border:1px solid var(--he-hair);background:#5b8cff1f;color:#9ec0ff;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px}.he h1,.he h2{letter-spacing:-.02em;line-height:1.04;font-weight:800}.he h2{font-size:clamp(1.7rem,3.6vw,2.4rem)}.he .he-sub{color:var(--he-muted);font-size:1.02rem;max-width:46ch}.he-card{position:relative;border-radius:28px;background:var(--he-core);border:1px solid var(--he-hair);padding:clamp(26px,3.4vw,40px);box-shadow:0 0 0 6px var(--he-tray),0 0 0 7px var(--he-hair),inset 0 1px 1px #ffffff1f,0 50px 90px -50px #080c1cd9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.he .form-input{background:#050810b3;border:1px solid var(--he-hair);border-radius:14px;color:var(--he-text);transition:border-color .4s var(--he-ease),box-shadow .4s var(--he-ease),background .4s var(--he-ease)}.he .form-input::placeholder{color:#9aa6bd99}.he .form-input:hover{border-color:var(--he-hair-hi)}.he .form-input:focus{outline:none;border-color:var(--he-accent);box-shadow:0 0 0 4px #5b8cff2e;background:#050810e6}.he .form-label{color:var(--he-muted);font-weight:500;letter-spacing:.01em}.he-btn{display:inline-flex;align-items:center;justify-content:center;gap:.7em;font-family:inherit;font-weight:600;font-size:1rem;padding:.85em 1.1em .85em 1.55em;border-radius:999px;border:1px solid transparent;cursor:pointer;background:linear-gradient(180deg,var(--he-accent),var(--he-accent-2));color:#fff;transition:transform .5s var(--he-ease),box-shadow .5s var(--he-ease),filter .5s var(--he-ease);box-shadow:0 10px 30px -10px #2f6bffb3,inset 0 1px 1px #ffffff40}.he-btn:hover{filter:brightness(1.06)}.he-btn:active{transform:scale(.98)}.he-btn:disabled{opacity:.55;cursor:not-allowed}.he-btn .he-ic{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;flex-shrink:0;background:#ffffff29;transition:transform .5s var(--he-ease),background .5s var(--he-ease)}.he-btn:hover .he-ic{transform:translate(2px,-1px) scale(1.06);background:#ffffff3d}.he-btn.he-btn-full{width:100%}.he-btn-ghost{background:#ffffff0a;border-color:var(--he-hair-hi);color:var(--he-text);box-shadow:none}.he-btn-ghost:hover{border-color:var(--he-accent);filter:none;background:#ffffff14}.he-tile{position:relative;border-radius:20px;background:var(--he-core);border:1px solid var(--he-hair);padding:24px;box-shadow:inset 0 1px 1px #ffffff1a,0 30px 60px -45px #080c1ccc}.he-tile .he-tile-label{color:var(--he-muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.he-tile .he-tile-value{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.he .panel{background:var(--he-core);border:1px solid var(--he-hair);border-radius:20px;box-shadow:inset 0 1px 1px #ffffff1a,0 40px 80px -55px #080c1cd9}.he .panel h3{letter-spacing:-.01em}@keyframes he-rise{0%{opacity:0;transform:translateY(16px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}.he-rise{animation:he-rise .8s var(--he-ease) both}@media (prefers-reduced-motion:reduce){.he-rise{animation:none}}