:root{--bg-primary:#070a13;--bg-secondary:#0d1424;--bg-card:#101828bf;--bg-card-hover:#172238d9;--bg-card-solid:#111a2e;--bg-glass:#0f172aa6;--bg-input:#0d1424e6;--border-subtle:#ffffff14;--border-medium:#ffffff24;--border-glow:#38bdf859;--color-primary:#38bdf8;--color-primary-glow:#38bdf840;--color-accent:#2563eb;--color-voice-live:#10b981;--color-voice-live-glow:#10b9814d;--color-voice-think:#8b5cf6;--color-warning:#f59e0b;--color-danger:#ef4444;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--text-highlight:#38bdf8;--font-heading:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Plus Jakarta Sans", "Inter", -apple-system, sans-serif;--font-mono:"Fira Code", ui-monospace, SFMono-Regular, monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-spring:.35s cubic-bezier(.175, .885, .32, 1.275);--shadow-card:0 8px 32px 0 #0000005e;--shadow-glow:0 0 24px -4px #38bdf84d;--shadow-danger:0 0 20px -3px #ef444466}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);min-height:100%;color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5;overflow-x:hidden}body:before{content:"";filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#2563eb1f 0%,#38bdf80d 50%,#0000 70%);width:60vw;height:50vh;position:fixed;top:-20%;left:10%}body:after{content:"";filter:blur(90px);pointer-events:none;z-index:0;background:radial-gradient(circle,#10b98114 0%,#8b5cf60f 50%,#0000 70%);width:50vw;height:45vh;position:fixed;bottom:-15%;right:5%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.02em;font-weight:600}h1{font-size:2rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.2rem;line-height:1.35}h4{font-size:1.05rem}p{color:var(--text-muted)}code,.font-mono{font-family:var(--font-mono)}.app-container{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{width:100%;max-width:1400px;padding:var(--space-xl) var(--space-lg);flex:1;margin:0 auto}.simulation-main-content{box-sizing:border-box;flex-direction:column;height:calc(100vh - 64px);max-height:calc(100vh - 64px);display:flex;max-width:100%!important;padding:10px 18px 12px!important;overflow:hidden!important}.studio-accordion-column>*{flex-shrink:0}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color var(--transition-normal), transform var(--transition-normal)}.glass-panel-hover:hover{border-color:var(--border-glow);transform:translateY(-2px)}button,.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;padding:10px 18px;font-size:.9rem;font-weight:600;display:inline-flex}button:focus-visible,.btn:focus-visible{box-shadow:0 0 0 3px var(--color-primary-glow)}.btn-primary{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);border-color:#ffffff26;box-shadow:0 4px 14px #2563eb59}.btn-primary:hover{background:linear-gradient(135deg,#38bdf8 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb80}.btn-secondary{color:var(--text-main);border-color:var(--border-medium);background:#ffffff0d}.btn-secondary:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40}.btn-danger{color:#fff;box-shadow:var(--shadow-danger);background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}.btn-danger:hover{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);transform:translateY(-1px)}.btn-success{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%)}.btn-success:hover{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:var(--text-main);background:#ffffff0f}.btn-sm{border-radius:6px;padding:6px 12px;font-size:.8rem}.btn-lg{border-radius:var(--radius-md);padding:14px 28px;font-size:1.05rem}input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-sm);width:100%;color:var(--text-main);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:10px 14px;font-size:.95rem}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}input[type=checkbox],input[type=radio]{cursor:pointer;accent-color:var(--color-primary);border-radius:4px;flex-shrink:0;width:16px!important;min-width:16px!important;height:16px!important;margin:0!important;padding:0!important}input::placeholder,textarea::placeholder{color:var(--text-dim)}input[type=date],input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.85)sepia()saturate(300%)hue-rotate(170deg)brightness(1.2);opacity:.95;background-color:#38bdf826;border:1px solid #38bdf84d;border-radius:6px;padding:4px;transition:all .2s}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.85)sepia()saturate(300%)hue-rotate(170deg)brightness(1.2);opacity:.95;background-color:#38bdf826;border:1px solid #38bdf84d;border-radius:6px;padding:4px;transition:all .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{filter:invert()brightness(1.3);background-color:#38bdf859;transform:scale(1.08)}input[type=time]::-webkit-calendar-picker-indicator:hover{filter:invert()brightness(1.3);background-color:#38bdf859;transform:scale(1.08)}.badge{border-radius:var(--radius-full);text-transform:capitalize;letter-spacing:.02em;align-items:center;gap:6px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-scheduled{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf840}.badge-in_progress{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40;animation:2s infinite pulse-border}.badge-confirmed,.badge-completed{color:#34d399;background:#10b9811f;border:1px solid #10b98140}.badge-reschedule_requested{color:#a78bfa;background:#8b5cf61f;border:1px solid #8b5cf640}.badge-failed,.badge-cannot_attend{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.badge-opted_out{color:#94a3b8;background:#64748b2e;border:1px solid #64748b4d}@keyframes wave-bounce{0%,to{opacity:.4;height:6px}50%{opacity:1;height:28px}}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.95)}50%{opacity:.3;transform:scale(1.15)}to{opacity:.8;transform:scale(.95)}}@keyframes pulse-border{0%,to{border-color:#f59e0b4d}50%{border-color:#f59e0bcc}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;padding:var(--space-md);background:#030712d1;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.phone-mockup{background:#090e1a;border:4px solid #1e293b;border-radius:44px;flex-direction:column;width:360px;max-width:95vw;height:680px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #000c,0 0 40px -5px #38bdf840}.phone-speaker{background:#111827;border-radius:20px;justify-content:center;align-items:center;gap:8px;width:90px;height:24px;margin:12px auto 6px;display:flex}.phone-camera{background:#1e293b;border:1px solid #374151;border-radius:50%;width:9px;height:9px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a99}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#94a3b840}::-webkit-scrollbar-thumb:hover{background:#38bdf899}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#94a3b859 transparent;-webkit-overflow-scrolling:touch}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b847;border-radius:6px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#38bdf8a6}@media (width<=992px){.main-content{padding:var(--space-md) var(--space-sm)!important}}@media (width<=768px){:root{--space-lg:14px;--space-md:10px}header>div{gap:10px!important;padding:10px 12px!important}.grid-cols-4,div[style*="gridTemplateColumns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}div[style*="gridTemplateColumns: 380px 1fr"],div[style*="gridTemplateColumns: minmax(320px, 380px) 1fr"]{grid-template-columns:1fr!important}table{min-width:580px}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}div:has(>table){-webkit-overflow-scrolling:touch;overflow-x:auto}.modal-overlay>div{max-width:96vw!important;max-height:92vh!important;padding:16px!important}.phone-mockup{width:100%!important;max-width:340px!important;height:600px!important}}@media (width<=480px){.grid-cols-4,div[style*="gridTemplateColumns: repeat(4"]{grid-template-columns:1fr!important}header nav{order:3;width:100%}button.btn{padding:6px 10px;font-size:.78rem}}.admin-layout{background:var(--bg-primary);min-height:100vh;display:flex;position:relative;overflow-x:hidden}.admin-main-wrapper{flex-direction:column;flex:1;min-width:0;min-height:100vh;transition:margin-left .25s cubic-bezier(.4,0,.2,1);display:flex}.admin-main-wrapper.sidebar-expanded{margin-left:270px}.admin-main-wrapper.sidebar-collapsed{margin-left:76px}@media (width<=900px){.admin-main-wrapper.sidebar-expanded,.admin-main-wrapper.sidebar-collapsed{margin-left:0!important}.admin-sidebar{transform:translate(-100%);width:270px!important}.admin-sidebar.sidebar-mobile-open{transform:translate(0)!important}.sidebar-mobile-close-btn{display:flex!important}.header-carrier-pill,.header-logout-text,.header-user-text,.header-action-btn{display:none!important}}
