:root{--knkt-primary:#00d9ff;--knkt-primary-light:#00e5ff;--knkt-primary-dark:#00b8d4;--knkt-primary-alpha:rgba(0,217,255,.04);--knkt-secondary:#a855f7;--knkt-secondary-light:#c084fc;--knkt-secondary-dark:#9333ea;--knkt-secondary-alpha:rgba(168,85,247,.04);--knkt-tertiary:#ec4899;--knkt-tertiary-light:#f472b6;--knkt-tertiary-dark:#db2777;--knkt-tertiary-alpha:rgba(236,72,153,.04);--knkt-cyber-gold:gold;--knkt-cyber-silver:silver;--knkt-cyber-copper:#ff6b35;--knkt-cyber-purple:#9d00ff;--knkt-cyber-green:#39ff14;--knkt-cyber-red:#ff0040;--knkt-chrome:#e8e8e8;--knkt-chrome-dark:#a8a8a8;--knkt-rose-gold:#ecc5c0;--knkt-bronze:#cd7f32;--knkt-platinum:#e5e4e2;--knkt-titanium:#878681;--knkt-holographic:#b4f8c8;--knkt-neon-pink:#ff10f0;--knkt-neon-blue:#00f0ff;--knkt-neon-yellow:#fffd00;--knkt-neon-teal:#00ffc8;--knkt-neon-violet:#bf00ff;--knkt-neon-orange:#ff9500;--knkt-pastel-purple:#c7a3d9;--knkt-pastel-blue:#a8daff;--knkt-pastel-pink:#ffb3e6;--knkt-pastel-mint:#b5f5ec;--knkt-pastel-peach:#ffdab9;--knkt-accent-orange:#ff5600;--knkt-accent-orange-light:#ff7a33;--knkt-accent-orange-dark:#cc4500;--knkt-accent-coral-red:#ff6b47;--knkt-accent-amber:#ffb800;--knkt-accent-tangerine:#ff8533;--knkt-prof-navy:#0a1628;--knkt-prof-indigo:#1e2a4a;--knkt-prof-steel:#2c3e50;--knkt-prof-slate-blue:#34495e;--knkt-cyan:#00e5ff;--knkt-cyan-light:#7fefff;--knkt-cyan-dark:#00ced1;--knkt-magenta:#ff0080;--knkt-magenta-light:#ff1493;--knkt-magenta-dark:#dc0073;--knkt-coral:#ff6b9d;--knkt-coral-light:#ff8fab;--knkt-coral-dark:#ff4d85;--knkt-orange:#ff8c42;--knkt-orange-light:#ffa768;--knkt-orange-dark:#ff6b1a;--knkt-blue:#0080ff;--knkt-blue-light:#39f;--knkt-blue-dark:#06c;--knkt-red:red;--knkt-red-light:#f33;--knkt-red-dark:#c00;--knkt-purple:#a855f7;--knkt-purple-light:#c084fc;--knkt-purple-dark:#9333ea;--knkt-lime:#cf0;--knkt-lime-light:#d9ff33;--knkt-lime-dark:#9c0;--knkt-recording-primary:#6366f1;--knkt-recording-secondary:#ec4899;--knkt-recording-alpha:rgba(99,102,241,.04);--knkt-publishing-primary:#0f8;--knkt-publishing-secondary:#39ff14;--knkt-publishing-alpha:rgba(0,255,136,.04);--knkt-publishing-dark:#0c6;--knkt-bg-primary:#0f0f0f;--knkt-bg-secondary:#1a1a1a;--knkt-bg-tertiary:#2a2a2a;--knkt-bg-card:rgba(26,26,26,.8);--knkt-bg-elevated:rgba(42,42,42,.9);--knkt-surface:rgba(26,26,26,.6);--knkt-bg-ultra-dark:#050505;--knkt-bg-charcoal:#0a0a0a;--knkt-bg-slate:#141414;--knkt-bg-midnight:#0d1117;--knkt-text-primary:#fff;--knkt-text-secondary:#a1a1aa;--knkt-text-muted:#71717a;--knkt-text-inverse:#000;--knkt-gray-50:#fafafa;--knkt-gray-100:#f5f5f5;--knkt-gray-200:#e5e5e5;--knkt-gray-300:#d4d4d8;--knkt-gray-400:#a1a1aa;--knkt-gray-500:#71717a;--knkt-gray-600:#52525b;--knkt-gray-700:#3f3f46;--knkt-gray-800:#27272a;--knkt-gray-900:#18181b;--knkt-success:#10b981;--knkt-success-light:#34d399;--knkt-success-dark:#059669;--knkt-success-alpha:rgba(16,185,129,.1);--knkt-error:#ef4444;--knkt-error-light:#f87171;--knkt-error-dark:#dc2626;--knkt-error-alpha:rgba(239,68,68,.1);--knkt-warning:#f59e0b;--knkt-warning-light:#fbbf24;--knkt-warning-dark:#d97706;--knkt-warning-alpha:rgba(245,158,11,.1);--knkt-info:#3b82f6;--knkt-info-light:#60a5fa;--knkt-info-dark:#2563eb;--knkt-info-alpha:rgba(59,130,246,.1);--knkt-border:rgba(0,217,255,.2);--knkt-border-light:rgba(0,217,255,.3);--knkt-border-hover:rgba(0,217,255,.4);--knkt-border-focus:var(--knkt-primary);--knkt-border-muted:hsla(240,4%,46%,.2);--knkt-shadow-sm:0 1px 2px 0 rgba(26,13,46,.8);--knkt-shadow:0 4px 6px -1px rgba(26,13,46,.6),0 2px 4px -1px rgba(0,217,255,.1);--knkt-shadow-md:0 6px 20px -6px rgba(26,13,46,.8),0 0 15px rgba(0,217,255,.15);--knkt-shadow-lg:0 10px 15px -3px rgba(26,13,46,.6),0 4px 6px -2px rgba(0,217,255,.2);--knkt-shadow-xl:0 20px 25px -5px rgba(26,13,46,.6),0 10px 10px -5px rgba(0,217,255,.1);--knkt-shadow-cyan-glow:0 0 20px rgba(0,217,255,.3);--knkt-shadow-purple-glow:0 0 20px rgba(168,85,247,.3);--knkt-shadow-pink-glow:0 0 20px rgba(236,72,153,.3);--knkt-space-xs:0.25rem;--knkt-space-sm:0.5rem;--knkt-space-md:1rem;--knkt-space-lg:1.5rem;--knkt-space-xl:2rem;--knkt-space-2xl:3rem;--knkt-space-3xl:4rem;--knkt-space-4xl:5rem;--knkt-radius-sm:0.25rem;--knkt-radius:0.5rem;--knkt-radius-md:0.625rem;--knkt-radius-lg:0.75rem;--knkt-radius-xl:1rem;--knkt-radius-2xl:1.5rem;--knkt-radius-full:9999px;--knkt-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--knkt-font-mono:ui-monospace,SFMono-Regular,"SF Mono",Monaco,Consolas,"Liberation Mono","Courier New",monospace;--knkt-text-xs:0.75rem;--knkt-text-sm:0.875rem;--knkt-text-base:1rem;--knkt-text-lg:1.125rem;--knkt-text-xl:1.25rem;--knkt-text-2xl:1.5rem;--knkt-text-3xl:1.875rem;--knkt-text-4xl:2.25rem;--knkt-font-light:300;--knkt-font-normal:400;--knkt-font-medium:500;--knkt-font-semibold:600;--knkt-font-bold:700;--knkt-font-extrabold:800;--knkt-leading-none:1;--knkt-leading-tight:1.25;--knkt-leading-normal:1.5;--knkt-leading-relaxed:1.625;--knkt-leading-loose:2;--knkt-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--knkt-transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--knkt-transition-slow:all 0.3s cubic-bezier(0.4,0,0.2,1);--knkt-transition-bounce:all 0.3s cubic-bezier(0.68,-0.55,0.265,1.55);--knkt-duration-75:75ms;--knkt-duration-100:100ms;--knkt-duration-150:150ms;--knkt-duration-200:200ms;--knkt-duration-300:300ms;--knkt-duration-500:500ms;--knkt-duration-700:700ms;--knkt-duration-1000:1000ms;--knkt-z-dropdown:1000;--knkt-z-sticky:1020;--knkt-z-fixed:1030;--knkt-z-modal-backdrop:1040;--knkt-z-modal:1050;--knkt-z-popover:1060;--knkt-z-tooltip:1070;--knkt-z-toast:1080;--knkt-breakpoint-sm:640px;--knkt-breakpoint-md:768px;--knkt-breakpoint-lg:1024px;--knkt-breakpoint-xl:1280px;--knkt-breakpoint-2xl:1536px}.knkt-text-primary{color:#fff;color:var(--knkt-text-primary)}.knkt-text-secondary{color:#a1a1aa;color:var(--knkt-text-secondary)}.knkt-text-muted{color:#71717a;color:var(--knkt-text-muted)}.knkt-text-success{color:#10b981;color:var(--knkt-success)}.knkt-text-error{color:#ef4444;color:var(--knkt-error)}.knkt-text-warning{color:#f59e0b;color:var(--knkt-warning)}.knkt-bg-primary{background-color:#0f0f0f;background-color:var(--knkt-bg-primary)}.knkt-bg-secondary{background-color:#1a1a1a;background-color:var(--knkt-bg-secondary)}.knkt-bg-card{background-color:rgba(26,26,26,.8);background-color:var(--knkt-bg-card)}.knkt-bg-elevated{background-color:rgba(42,42,42,.9);background-color:var(--knkt-bg-elevated)}.knkt-transition{transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--knkt-transition)}.knkt-transition-fast{transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--knkt-transition-fast)}.knkt-transition-slow{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--knkt-transition-slow)}.knkt-title-metallic{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,silver,#fff 30%,#e6e6e6 60%,#b3b3b3);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));letter-spacing:-.02em;text-shadow:0 0 20px hsla(0,0%,100%,.3)}.knkt-gradient-primary{background:linear-gradient(135deg,#00d9ff,#a855f7);background:linear-gradient(135deg,var(--knkt-primary),var(--knkt-secondary))}.knkt-gradient-cyberpunk{background:linear-gradient(135deg,#9d00ff,#39ff14);background:linear-gradient(135deg,var(--knkt-cyber-purple),var(--knkt-cyber-green))}.knkt-gradient-gold{background:linear-gradient(135deg,gold,#ff6b35);background:linear-gradient(135deg,var(--knkt-cyber-gold),var(--knkt-cyber-copper))}.knkt-gradient-poll{background:linear-gradient(135deg,red,#9d00ff 50%,#0080ff)}.knkt-gradient-release{background:linear-gradient(135deg,#ff0080,#ff1493)}.knkt-gradient-upcoming{background:linear-gradient(135deg,#0080ff,#ff0040 50%,#9d00ff)}.knkt-gradient-linkpage{background:linear-gradient(135deg,#a855f7,#ff8c42)}.knkt-gradient-charts{background:linear-gradient(135deg,#ff0040,#9d00ff)}.knkt-gradient-events{background:linear-gradient(135deg,#0080ff,#ff6b9d)}.knkt-gradient-cyan{background:linear-gradient(135deg,#00ced1,#00e5ff)}.knkt-gradient-magenta{background:linear-gradient(135deg,#ff0080,#ff1493)}.knkt-gradient-coral{background:linear-gradient(135deg,#ff4d85,#ff8fab)}.knkt-gradient-sunrise{background:linear-gradient(135deg,#ff6b1a,gold)}.knkt-gradient-ocean{background:linear-gradient(135deg,#06c,#00e5ff)}.knkt-gradient-fire{background:linear-gradient(135deg,red,#ff8c42)}.knkt-gradient-neon{background:linear-gradient(135deg,#39ff14,#00e5ff)}.knkt-gradient-duotone-pink-teal{background:linear-gradient(135deg,#ff10f0,#00ffc8)}.knkt-gradient-duotone-purple-yellow{background:linear-gradient(135deg,#9d00ff,#fffd00)}.knkt-gradient-duotone-orange-blue{background:linear-gradient(135deg,#ff9500,#00f0ff)}.knkt-gradient-tritone-sunset{background:linear-gradient(135deg,#ff0080,#ff9500 50%,#fffd00)}.knkt-gradient-tritone-ocean{background:linear-gradient(135deg,#9d00ff,#00f0ff 50%,#00ffc8)}.knkt-gradient-tritone-aurora{background:linear-gradient(135deg,#bf00ff,#ff10f0 50%,#00f0ff)}.knkt-gradient-holographic{background:linear-gradient(135deg,#ffb3e6,#b5f5ec 33%,#a8daff 66%,#c7a3d9)}.knkt-gradient-chrome{background:linear-gradient(135deg,#a8a8a8,#e8e8e8 50%,silver)}.knkt-gradient-rose-gold{background:linear-gradient(135deg,#ecc5c0,gold)}.knkt-gradient-cosmic{background:linear-gradient(135deg,#000,#9d00ff 33%,#ff10f0 66%,#00ffc8)}.knkt-gradient-vapor{background:linear-gradient(135deg,#ffb3e6,#c7a3d9 50%,#a8daff)}.knkt-gradient-neon-nights{background:linear-gradient(135deg,#ff0040,#9d00ff 33%,#00f0ff 66%,#39ff14)}.knkt-gradient-synthwave{background:linear-gradient(135deg,#2e1f66,#9d00ff 33%,#ff10f0 66%,#fffd00)}.knkt-gradient-miami{background:linear-gradient(135deg,#00ffc8,#ff10f0 50%,#ff9500)}.knkt-gradient-retro-future{background:linear-gradient(135deg,#c7a3d9,#ff9500 33%,#00f0ff 66%,#fffd00)}.knkt-gradient-gold-chrome{background:linear-gradient(135deg,gold,#e8e8e8 50%,gold)}.knkt-gradient-platinum-rose{background:linear-gradient(135deg,#e5e4e2,#ecc5c0)}.knkt-gradient-bronze-copper{background:linear-gradient(135deg,#cd7f32,#ff6b35)}.knkt-gradient-professional-dark{background:linear-gradient(135deg,#050505,#0d1117)}.knkt-gradient-dark-orange{background:linear-gradient(135deg,#050505,#ff5600)}.knkt-gradient-midnight-orange{background:linear-gradient(135deg,#0d1117,#ff5600 50%,#ffb800)}.knkt-gradient-charcoal-amber{background:linear-gradient(135deg,#0a0a0a,#ff8533)}.knkt-gradient-navy-coral{background:linear-gradient(135deg,#0a1628,#ff6b47)}.knkt-gradient-steel-tangerine{background:linear-gradient(135deg,#2c3e50,#ff8533)}.knkt-gradient-professional-accent{background:linear-gradient(135deg,#1e2a4a,#ff5600 50%,#ffb800)}.knkt-gradient-data-viz{background:linear-gradient(135deg,#050505,#34495e 33%,#ff5600 66%,#ffb800)}.knkt-gradient-minimal-orange{background:linear-gradient(180deg,#ff5600,#ff7a33)}.knkt-gradient-minimal-slate{background:linear-gradient(180deg,#0d1117,#2c3e50)}.knkt-gradient-subtle-dark{background:linear-gradient(135deg,#050505,#141414 50%,#0a0a0a)}.knkt-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(26,26,26,.6);border:1px solid rgba(0,217,255,.2);border:1px solid var(--knkt-border);border-radius:.75rem;border-radius:var(--knkt-radius-lg);padding:2rem;padding:var(--knkt-space-xl);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--knkt-transition)}.knkt-card:hover{border-color:rgba(0,217,255,.4);border-color:var(--knkt-border-hover);box-shadow:0 10px 15px -3px rgba(26,13,46,.6),0 4px 6px -2px rgba(0,217,255,.2);box-shadow:var(--knkt-shadow-lg)}.knkt-card-elevated{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(26,26,26,.8);border:1px solid rgba(0,217,255,.3);border:1px solid var(--knkt-border-light);border-radius:.75rem;border-radius:var(--knkt-radius-lg);box-shadow:0 0 20px rgba(0,217,255,.3);box-shadow:var(--knkt-shadow-cyan-glow);padding:2rem;padding:var(--knkt-space-xl);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--knkt-transition)}.knkt-card-elevated:hover{box-shadow:0 0 30px rgba(0,217,255,.3);transform:translateY(-2px)}.knkt-alert-danger{background:rgba(127,29,29,.3);border:1px solid rgba(185,28,28,.5);border-radius:.75rem;border-radius:var(--knkt-radius-lg);color:#fca5a5;padding:1.5rem;padding:var(--knkt-space-lg)}.knkt-alert-danger-title{color:#f87171;font-weight:700;font-weight:var(--knkt-font-bold);margin-bottom:.5rem;margin-bottom:var(--knkt-space-sm)}.knkt-card-success{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.5);border-radius:.75rem;border-radius:var(--knkt-radius-lg);box-shadow:0 4px 12px rgba(16,185,129,.2);padding:1.5rem;padding:var(--knkt-space-lg)}.knkt-pill{align-items:center;border-radius:9999px;border-radius:var(--knkt-radius-full);display:inline-flex;font-size:.875rem;font-size:var(--knkt-text-sm);font-weight:600;font-weight:var(--knkt-font-semibold);padding:.375rem .75rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--knkt-transition)}.knkt-pill-cyan{background:rgba(0,217,255,.15);border:1px solid rgba(0,217,255,.3);color:#00d9ff}.knkt-pill-purple{background:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.3);color:#a855f7}.knkt-pill-pink{background:rgba(236,72,153,.15);border:1px solid rgba(236,72,153,.3);color:#ec4899}.knkt-pill-success{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);color:#10b981}.knkt-gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#00d9ff 0,#a855f7 50%,#ec4899);background-clip:text;-webkit-background-clip:text}.knkt-gradient-text-cyan{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00d9ff,#00b8d4);background-clip:text;-webkit-background-clip:text}.knkt-gradient-text-purple-pink{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#a855f7,#ec4899);background-clip:text;-webkit-background-clip:text}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{appearance:none!important;display:none!important;margin:0!important}input[type=number]{appearance:textfield!important}input[type=number]::-webkit-calendar-picker-indicator{-webkit-appearance:none!important;display:none!important}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:var(--knkt-text-primary);font-family:var(--knkt-font-family);min-height:100vh}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:inherit}img{display:block;max-width:100%}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:rgba(0,217,255,.3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(0,217,255,.5)}.app-loading{align-items:center;background:#0a0a0a;display:flex;height:100vh;justify-content:center}.app-loading-spinner{animation:spin .8s linear infinite;border:3px solid rgba(0,217,255,.2);border-radius:50%;border-top:3px solid var(--knkt-primary);height:40px;width:40px}.knkt-bg{background:#06060a;inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.knkt-bg__base{background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(0,217,255,.06) 0,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 20%,rgba(168,85,247,.05) 0,transparent 50%),radial-gradient(ellipse 70% 60% at 60% 80%,rgba(236,72,153,.04) 0,transparent 50%);filter:blur(40px);inset:0;position:absolute}.knkt-bg__orb{border-radius:50%;filter:blur(50px);mix-blend-mode:screen;opacity:.5;position:absolute;will-change:transform}.knkt-bg__orb--1{animation:knktFloat1 22s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,rgba(0,217,255,.18) 0,transparent 70%);height:400px;left:-100px;top:-150px;width:400px}.knkt-bg__orb--2{animation:knktFloat2 18s ease-in-out infinite;background:radial-gradient(circle at 70% 30%,rgba(168,85,247,.15) 0,transparent 70%);height:320px;right:-80px;top:15%;width:320px}.knkt-bg__orb--3{animation:knktFloat3 24s ease-in-out infinite;background:radial-gradient(circle at 50% 70%,rgba(236,72,153,.12) 0,transparent 70%);bottom:10%;height:280px;left:25%;width:280px}.knkt-bg__orb--4{animation:knktFloat4 28s ease-in-out infinite;background:radial-gradient(circle at 40% 60%,rgba(255,184,0,.08) 0,transparent 60%);height:220px;left:5%;top:55%;width:220px}.knkt-bg__orb--5{animation:knktFloat5 20s ease-in-out infinite;background:radial-gradient(circle at 60% 40%,hsla(40,5%,89%,.07) 0,transparent 60%);bottom:25%;height:180px;right:10%;width:180px}.knkt-bg__noise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E")}.knkt-bg__grid,.knkt-bg__noise{inset:0;opacity:.025;pointer-events:none;position:absolute}.knkt-bg__grid{background-image:linear-gradient(rgba(0,217,255,.3) 1px,transparent 0),linear-gradient(90deg,rgba(0,217,255,.3) 1px,transparent 0);background-size:60px 60px}.layout,.login-page{position:relative;z-index:1}@keyframes knktFloat1{0%,to{transform:translate(0) scale(1) rotate(0deg)}25%{transform:translate(40px,20px) scale(1.1) rotate(5deg)}50%{transform:translate(20px,40px) scale(.95) rotate(-3deg)}75%{transform:translate(-20px,20px) scale(1.05) rotate(3deg)}}@keyframes knktFloat2{0%,to{transform:translate(0) scale(1) rotate(0deg)}33%{transform:translate(-30px,30px) scale(1.08) rotate(-4deg)}66%{transform:translate(20px,-20px) scale(.92) rotate(4deg)}}@keyframes knktFloat3{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-15px) scale(1.1)}50%{transform:translate(-20px,-30px) scale(.9)}75%{transform:translate(-30px,15px) scale(1.05)}}@keyframes knktFloat4{0%,to{transform:translate(0) scale(1) rotate(0deg)}50%{transform:translate(50px,-25px) scale(1.15) rotate(8deg)}}@keyframes knktFloat5{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,20px) scale(1.12)}66%{transform:translate(30px,-30px) scale(.88)}}@media (prefers-reduced-motion:reduce){.knkt-bg__orb{animation:none!important}}.layout{background:#0a0a0a;min-height:100vh}.layout-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:hsla(0,0%,4%,.92);border-bottom:1px solid rgba(255,20,147,.12);height:64px;position:sticky;top:0;z-index:100}.layout-nav-inner{gap:32px;height:100%;margin:0 auto;max-width:1400px;padding:0 24px}.layout-logo,.layout-nav-inner{align-items:center;display:flex}.layout-logo{flex-shrink:0;gap:8px;text-decoration:none}.layout-logo-knkt{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ff1493,#a855f7);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800;letter-spacing:1.5px}.layout-logo-sep{color:hsla(0,0%,100%,.2);font-size:14px}.layout-logo-sub{color:hsla(0,0%,100%,.5);font-size:14px;font-weight:500}.layout-nav-links{align-items:center;display:flex;gap:4px}.layout-nav-link{border-radius:8px;color:hsla(0,0%,100%,.5);font-size:14px;font-weight:500;padding:6px 14px;text-decoration:none;transition:color .2s,background .2s}.layout-nav-link:hover{background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.85)}.layout-nav-link.active{background:rgba(255,20,147,.1);color:#ff1493}.layout-user{flex-shrink:0;margin-left:auto;position:relative}.layout-user-btn{background:none;border:2px solid rgba(255,20,147,.3);border-radius:50%;cursor:pointer;height:36px;overflow:hidden;transition:border-color .2s;width:36px}.layout-user-btn:hover{border-color:rgba(255,20,147,.6)}.user-avatar-img{height:100%;object-fit:cover;width:100%}.user-avatar-initials{align-items:center;background:linear-gradient(135deg,rgba(255,20,147,.15),rgba(168,85,247,.15));color:#ff1493;display:flex;font-size:13px;font-weight:700;height:100%;justify-content:center;width:100%}.user-menu{background:#1a1a1a;border:1px solid rgba(255,20,147,.2);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.6);min-width:200px;padding:16px;position:absolute;right:0;top:calc(100% + 10px);z-index:200}.user-menu-name{color:#fff;font-size:14px;font-weight:600}.user-menu-email{color:var(--knkt-text-muted);font-size:12px;margin-top:2px}.user-menu-divider{border:none;border-top:1px solid hsla(0,0%,100%,.08);margin:12px 0}.user-menu-logout{background:none;border:none;color:#f87171;cursor:pointer;font-size:13px;padding:4px 0;text-align:left;transition:color .2s;width:100%}.user-menu-logout:hover{color:#fca5a5}.layout-main{min-height:calc(100vh - 64px);position:relative;z-index:1}.login-page{align-items:center;background:#0a0a0a;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(26,26,26,.8);border:1px solid rgba(255,20,147,.15);border-radius:20px;box-shadow:0 0 60px rgba(255,20,147,.08);max-width:420px;padding:48px 40px;position:relative;width:100%;z-index:1}.login-logo{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:8px}.login-logo-knkt{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ff1493,#a855f7);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;letter-spacing:2px}.login-logo-dot{color:hsla(0,0%,100%,.3);font-size:20px}.login-logo-sub{color:hsla(0,0%,100%,.7);font-size:20px;font-weight:600}.login-tagline{color:var(--knkt-text-muted);font-size:14px;margin-bottom:36px;text-align:center}.login-form{gap:20px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:8px}.login-field label{color:var(--knkt-text-secondary);font-size:13px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.login-field input{background:hsla(0,0%,100%,.04);border:1px solid rgba(255,20,147,.15);border-radius:10px;color:#fff;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s}.login-field input:focus{background:rgba(255,20,147,.04);border-color:rgba(255,20,147,.5)}.login-field input:-ms-input-placeholder{color:hsla(0,0%,100%,.2)}.login-field input::placeholder{color:hsla(0,0%,100%,.2)}.login-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:13px;padding:10px 14px}.login-btn{align-items:center;background:linear-gradient(135deg,#ff1493,#a855f7);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;justify-content:center;margin-top:4px;min-height:48px;padding:14px;transition:opacity .2s,transform .1s}.login-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.login-spinner{animation:spin .7s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:20px;width:20px}.login-footer{color:var(--knkt-text-muted);font-size:12px;margin-top:24px;text-align:center}.dashboard{padding:32px 24px}.dashboard-inner{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:1400px}.dashboard-loading{align-items:center;display:flex;height:60vh;justify-content:center}.dashboard-spinner{animation:spin .8s linear infinite;border:3px solid rgba(255,20,147,.2);border-radius:50%;border-top-color:#ff1493;height:36px;width:36px}.dashboard-title{color:#fff;font-size:28px;font-weight:800;letter-spacing:-.02em}.dashboard-sub{color:var(--knkt-text-muted);font-size:14px;margin-top:4px}.dashboard-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(26,26,26,.6);border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:24px}.dashboard-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:768px){.dashboard-row{grid-template-columns:1fr}}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-title{color:hsla(0,0%,100%,.9);font-size:16px;font-weight:700;margin-bottom:20px}.section-header .section-title{margin-bottom:0}.section-link{color:#ff1493;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .2s}.section-link:hover{opacity:.7}.stage-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr)}@media (max-width:900px){.stage-grid{grid-template-columns:repeat(3,1fr)}}.stage-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;cursor:pointer;padding:20px 16px;text-align:center;transition:border-color .2s}.stage-card:hover{border-color:color-mix(in srgb,var(--stage-color) 40%,transparent)}.stage-count{font-size:32px;font-weight:800;line-height:1;margin-bottom:6px}.stage-label{color:hsla(0,0%,100%,.5);font-size:12px;font-weight:500;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.stage-bar{background:hsla(0,0%,100%,.06);border-radius:2px;height:3px;overflow:hidden}.stage-bar-fill{border-radius:2px;height:100%;transition:width .6s ease}.recent-list{display:flex;flex-direction:column;gap:8px}.recent-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:background .15s}.recent-item:hover{background:hsla(0,0%,100%,.04)}.recent-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;overflow:hidden;width:36px}.recent-avatar img{height:100%;object-fit:cover;width:100%}.recent-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.recent-name{color:#fff;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-type{color:var(--knkt-text-muted);font-size:11px;text-transform:capitalize}.recent-stage-badge{border-radius:20px;flex-shrink:0;font-size:11px;font-weight:600;padding:3px 9px}.empty-state{color:var(--knkt-text-muted);font-size:14px;padding:24px;text-align:center}.campaign-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.campaign-stat-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;cursor:default;padding:20px;text-align:center;transition:border-color .2s}.campaign-stat-card:hover{border-color:color-mix(in srgb,var(--stat-color) 40%,transparent)}.campaign-stat-value{font-size:28px;font-weight:800;line-height:1;margin-bottom:6px}.campaign-stat-label{color:hsla(0,0%,100%,.45);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.contacts-page{padding:32px 24px}.contacts-inner{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1400px}.contacts-header{align-items:flex-start;display:flex;justify-content:space-between}.contacts-title{color:#fff;font-size:28px;font-weight:800;letter-spacing:-.02em}.contacts-sub{color:var(--knkt-text-muted);font-size:14px;margin-top:4px}.filter-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(26,26,26,.6);border:1px solid hsla(0,0%,100%,.06);border-radius:14px;display:flex;flex-direction:column;gap:12px;padding:16px 20px}.filter-stages{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.stage-pill{background:none;border:1px solid hsla(0,0%,100%,.1);border-radius:20px;color:hsla(0,0%,100%,.5);cursor:pointer;font-size:13px;font-weight:500;padding:5px 14px;transition:all .2s}.stage-pill:hover{background:color-mix(in srgb,var(--pill-color) 10%,transparent)}.stage-pill.active,.stage-pill:hover{border-color:color-mix(in srgb,var(--pill-color) 50%,transparent);color:var(--pill-color)}.stage-pill.active{background:color-mix(in srgb,var(--pill-color) 15%,transparent)}.filter-controls{align-items:center;display:flex;gap:12px}.filter-select{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:hsla(0,0%,100%,.7);cursor:pointer;font-size:13px;outline:none;padding:8px 12px}.filter-select option{background:#1a1a1a}.filter-search{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;display:flex;flex:1 1;gap:8px;height:36px;max-width:360px;padding:0 12px;transition:border-color .2s}.filter-search:focus-within{border-color:rgba(255,20,147,.4)}.filter-search svg{color:hsla(0,0%,100%,.3);flex-shrink:0;height:15px;width:15px}.filter-search input{background:none;border:none;color:#fff;flex:1 1;font-size:13px;outline:none}.filter-search input:-ms-input-placeholder{color:hsla(0,0%,100%,.25)}.filter-search input::placeholder{color:hsla(0,0%,100%,.25)}.contacts-table-wrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(26,26,26,.6);border:1px solid hsla(0,0%,100%,.06);border-radius:14px;overflow:hidden}.contacts-table{border-collapse:collapse;width:100%}.contacts-table thead tr{border-bottom:1px solid hsla(0,0%,100%,.06)}.contacts-table th{color:hsla(0,0%,100%,.35);font-size:11px;font-weight:600;letter-spacing:.06em;padding:12px 16px;text-align:left;text-transform:uppercase}.contact-row{border-bottom:1px solid hsla(0,0%,100%,.04);cursor:pointer;transition:background .15s}.contact-row:last-child{border-bottom:none}.contacts-table td{padding:12px 16px;vertical-align:middle}.contact-cell{gap:12px}.contact-avatar,.contact-cell{align-items:center;display:flex}.contact-avatar{border-radius:50%;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;overflow:hidden;width:36px}.contact-avatar img{height:100%;object-fit:cover;width:100%}.contact-name-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}.contact-name{color:#fff;font-size:14px;font-weight:500}.contact-email,.contact-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-email{color:var(--knkt-text-muted);font-size:12px}.contact-type-text{color:hsla(0,0%,100%,.5);font-size:13px}.stage-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;white-space:nowrap}.score-cell{align-items:center;display:flex;gap:8px}.score-num{font-size:13px;font-weight:700;width:28px}.score-bar{background:hsla(0,0%,100%,.06);border-radius:2px;flex:1 1;height:4px;min-width:60px;overflow:hidden}.score-bar-fill{border-radius:2px;height:100%;transition:width .4s ease}.contact-location{color:hsla(0,0%,100%,.4);font-size:13px}.contact-date{color:hsla(0,0%,100%,.35);font-size:12px}.contacts-loading{align-items:center;display:flex;height:200px;justify-content:center}.contacts-spinner{animation:spin .8s linear infinite;border:3px solid rgba(255,20,147,.2);border-radius:50%;border-top-color:#ff1493;height:32px;width:32px}.contacts-empty{color:var(--knkt-text-muted);padding:60px 24px;text-align:center}.contacts-empty p{color:hsla(0,0%,100%,.4);font-size:16px;font-weight:500;margin-bottom:6px}.contacts-empty span{font-size:13px}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;padding:8px}.page-btn{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:hsla(0,0%,100%,.6);cursor:pointer;font-size:13px;font-weight:500;padding:8px 20px;transition:all .2s}.page-btn:hover:not(:disabled){border-color:#ff1493;color:#ff1493}.page-btn:disabled{cursor:not-allowed;opacity:.35}.page-info{color:var(--knkt-text-muted);font-size:13px}.contact-detail{padding:32px 24px}.detail-inner{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1100px}.back-btn{align-self:flex-start;background:none;border:none;color:hsla(0,0%,100%,.4);cursor:pointer;font-size:13px;padding:0;transition:color .2s}.back-btn:hover{color:#ff1493}.detail-loading{align-items:center;display:flex;height:60vh;justify-content:center}.detail-spinner{animation:spin .8s linear infinite;border:3px solid rgba(255,20,147,.2);border-radius:50%;border-top-color:#ff1493;height:36px;width:36px}.detail-not-found{color:var(--knkt-text-muted);padding:60px 24px;text-align:center}.detail-not-found h2{color:#fff;margin-bottom:16px}.detail-not-found button{background:rgba(255,20,147,.15);border:1px solid rgba(255,20,147,.4);border-radius:8px;color:#ff1493;cursor:pointer;font-size:14px;padding:10px 20px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:768px){.detail-grid{grid-template-columns:1fr}}.detail-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(26,26,26,.6);border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:24px}.detail-card--header{align-items:center;display:flex;gap:24px;grid-column:1/-1}.detail-card--notes{grid-column:1/-1}.detail-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:28px;font-weight:800;height:72px;justify-content:center;overflow:hidden;width:72px}.detail-avatar img{height:100%;object-fit:cover;width:100%}.detail-header-info{flex:1 1}.detail-name{color:#fff;font-size:24px;font-weight:800;margin-bottom:4px}.detail-type{color:hsla(0,0%,100%,.5);font-size:14px;margin-bottom:6px;text-transform:capitalize}.detail-email{color:#ff1493;font-size:14px;text-decoration:none}.detail-email:hover{text-decoration:underline}.community-link{border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:hsla(0,0%,100%,.4);flex-shrink:0;font-size:12px;padding:6px 12px;text-decoration:none;transition:all .2s}.community-link:hover{border-color:rgba(255,20,147,.4);color:#ff1493}.card-title{color:hsla(0,0%,100%,.5);font-size:13px;font-weight:700;letter-spacing:.06em;margin-bottom:16px;text-transform:uppercase}.stage-selector{display:flex;flex-wrap:wrap;gap:8px}.stage-select-btn{background:none;border:1px solid hsla(0,0%,100%,.1);border-radius:20px;color:hsla(0,0%,100%,.4);cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s}.stage-select-btn:hover:not(:disabled){background:color-mix(in srgb,var(--stage-color) 10%,transparent);border-color:color-mix(in srgb,var(--stage-color) 50%,transparent);color:var(--stage-color)}.stage-select-btn.active{background:color-mix(in srgb,var(--stage-color) 18%,transparent);border-color:color-mix(in srgb,var(--stage-color) 60%,transparent);color:var(--stage-color)}.stage-select-btn:disabled{cursor:not-allowed;opacity:.5}.saving-hint{color:var(--knkt-text-muted);font-size:12px;margin-top:8px}.score-display{align-items:baseline;display:flex;gap:4px;margin-bottom:12px}.score-big{font-size:48px;font-weight:900;line-height:1}.score-max{color:hsla(0,0%,100%,.3);font-size:18px}.score-track{background:hsla(0,0%,100%,.06);border-radius:4px;height:8px;overflow:hidden}.score-track-fill{border-radius:4px;height:100%;transition:width .6s ease}.info-list{display:flex;flex-direction:column;gap:12px}.info-item{align-items:flex-start;display:flex;gap:12px}.info-label{color:hsla(0,0%,100%,.3);flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.05em;min-width:72px;padding-top:2px;text-transform:uppercase}.info-value{color:hsla(0,0%,100%,.8);font-size:14px}.info-link{color:#ff1493;text-decoration:none}.info-link:hover{text-decoration:underline}.info-item--tags{flex-direction:column;gap:8px}.info-item--tags .info-label{min-width:auto}.tags-wrap{display:flex;flex-wrap:wrap;gap:6px}.tag{background:rgba(255,20,147,.12);border:1px solid rgba(255,20,147,.25);border-radius:20px;color:rgba(255,20,147,.9);font-size:11px;font-weight:500;padding:3px 10px}.notes-textarea{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:hsla(0,0%,100%,.85);font-family:inherit;font-size:14px;margin-bottom:12px;outline:none;padding:12px 16px;resize:vertical;transition:border-color .2s;width:100%}.notes-textarea:focus{border-color:rgba(255,20,147,.4)}.notes-textarea:-ms-input-placeholder{color:hsla(0,0%,100%,.2)}.notes-textarea::placeholder{color:hsla(0,0%,100%,.2)}.save-notes-btn{background:rgba(255,20,147,.15);border:1px solid rgba(255,20,147,.4);border-radius:8px;color:#ff1493;cursor:pointer;font-size:13px;font-weight:600;padding:9px 20px;transition:all .2s}.save-notes-btn:hover:not(:disabled){background:rgba(255,20,147,.25)}.save-notes-btn:disabled{cursor:not-allowed;opacity:.5}.save-notes-btn.saved{background:rgba(57,255,20,.12);border-color:rgba(57,255,20,.4);color:#39ff14}.activity-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.activity-stat{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:10px;padding:14px;text-align:center}.activity-value{display:block;font-size:24px;font-weight:800;line-height:1;margin-bottom:4px}.activity-label{color:hsla(0,0%,100%,.4);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.activity-dates{display:flex;flex-direction:column;gap:8px}.campaigns-page{padding:32px 24px}.campaigns-inner{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1400px}.campaigns-loading{align-items:center;display:flex;height:60vh;justify-content:center}.campaigns-spinner{animation:spin .8s linear infinite;border:3px solid rgba(255,20,147,.2);border-radius:50%;border-top-color:#ff1493;height:36px;width:36px}.campaigns-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.campaigns-title{color:#fff;font-size:28px;font-weight:800;letter-spacing:-.02em}.campaigns-sub{color:var(--knkt-text-muted);font-size:14px;margin-top:4px}.new-campaign-btn{background:linear-gradient(135deg,#ff1493,#a855f7);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:opacity .2s,transform .1s;white-space:nowrap}.new-campaign-btn:hover{opacity:.9;transform:translateY(-1px)}.campaigns-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.campaign-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(26,26,26,.6);border:1px solid hsla(0,0%,100%,.06);border-radius:16px;cursor:default;display:flex;flex-direction:column;gap:16px;padding:24px;transition:border-color .2s}.campaign-card:hover{border-color:rgba(255,20,147,.2)}.campaign-card-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.campaign-name-wrap{flex:1 1;min-width:0}.campaign-name{color:#fff;font-size:16px;font-weight:700;margin-bottom:4px}.campaign-subject{color:hsla(0,0%,100%,.4);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-status-badge{border-radius:20px;flex-shrink:0;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.campaign-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.campaign-stat{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.04);border-radius:8px;padding:10px 8px;text-align:center}.cstat-value{color:#fff;display:block;font-size:18px;font-weight:800;line-height:1;margin-bottom:4px}.cstat-label{color:hsla(0,0%,100%,.35);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.campaign-bars{display:flex;flex-direction:column;gap:8px}.bar-row{align-items:center;display:flex;gap:8px}.bar-label{color:hsla(0,0%,100%,.4);flex-shrink:0;font-size:11px;width:44px}.bar-track{background:hsla(0,0%,100%,.06);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.bar-fill{border-radius:2px;height:100%;transition:width .6s ease}.bar-pct{color:hsla(0,0%,100%,.5);flex-shrink:0;font-size:11px;text-align:right;width:32px}.campaign-meta{border-top:1px solid hsla(0,0%,100%,.05);padding-top:12px}.campaign-date{color:hsla(0,0%,100%,.3);font-size:12px}.campaigns-empty{color:var(--knkt-text-muted);padding:60px 24px;text-align:center}.campaigns-empty p{color:hsla(0,0%,100%,.4);font-size:16px;font-weight:500;margin-bottom:6px}.campaigns-empty span{font-size:13px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.7);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.modal-card{background:#1a1a1a;border:1px solid rgba(255,20,147,.2);border-radius:20px;box-shadow:0 0 60px rgba(255,20,147,.1);max-width:440px;padding:32px;width:100%}.modal-title{color:#fff;font-size:20px;font-weight:800;margin-bottom:24px}.modal-form{gap:16px}.modal-field,.modal-form{display:flex;flex-direction:column}.modal-field{gap:6px}.modal-field label{color:hsla(0,0%,100%,.4);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.modal-field input,.modal-field select{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#fff;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s}.modal-field input:focus,.modal-field select:focus{border-color:rgba(255,20,147,.4)}.modal-field input:-ms-input-placeholder{color:hsla(0,0%,100%,.2)}.modal-field input::placeholder{color:hsla(0,0%,100%,.2)}.modal-field select option{background:#1a1a1a}.modal-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:13px;padding:10px 14px}.modal-actions{display:flex;gap:10px;margin-top:4px}.modal-cancel{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:hsla(0,0%,100%,.6);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s}.modal-cancel:hover{background:hsla(0,0%,100%,.08)}.modal-submit{background:linear-gradient(135deg,#ff1493,#a855f7);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:2 1;font-size:14px;font-weight:700;padding:12px;transition:opacity .2s}.modal-submit:hover:not(:disabled){opacity:.9}.modal-submit:disabled{cursor:not-allowed;opacity:.5}.gmail-frame-fullpage{background:#0f0f0f;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;width:100%}.gmail-header{background:#1a1a1a;border-bottom:1px solid rgba(0,217,255,.2);justify-content:space-between;padding:.75rem 1rem}.gmail-header,.gmail-logo{align-items:center;display:flex}.gmail-logo{color:hsla(0,0%,100%,.95);font-size:1.125rem;font-weight:500;gap:.5rem}.gmail-logo svg{color:#00d9ff}.gmail-search{flex:1 1;margin:0 2rem;max-width:500px}.gmail-search input{background:rgba(42,42,42,.6);border:1px solid rgba(0,217,255,.2);border-radius:.5rem;color:hsla(0,0%,100%,.9);font-size:.875rem;padding:.625rem 1rem;transition:all .2s ease;width:100%}.gmail-search input:focus{background:rgba(42,42,42,.8);border-color:#00d9ff;outline:none}.gmail-search input:-ms-input-placeholder{color:hsla(0,0%,100%,.4)}.gmail-search input::placeholder{color:hsla(0,0%,100%,.4)}.gmail-avatar{align-items:center;background:linear-gradient(135deg,#ff1493,#a855f7);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.gmail-content{display:flex;flex:1 1;overflow:hidden}.gmail-sidebar{background:#141414;border-right:1px solid rgba(0,217,255,.2);display:flex;flex-direction:column;gap:.375rem;padding:.75rem;width:200px}.gmail-compose{background:linear-gradient(135deg,#00d9ff,#a855f7);border:none;border-radius:1.5rem;box-shadow:0 2px 8px rgba(0,217,255,.3);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-bottom:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.gmail-compose:hover{box-shadow:0 4px 12px rgba(0,217,255,.4);transform:translateY(-1px)}.gmail-nav{display:flex;flex-direction:column;gap:.125rem}.gmail-nav-item{align-items:center;border-radius:.5rem;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;font-size:.8125rem;gap:.625rem;padding:.5rem .75rem;transition:all .2s ease}.gmail-nav-item:hover{background:rgba(0,217,255,.1);color:hsla(0,0%,100%,.95)}.gmail-nav-item.active{background:rgba(0,217,255,.2);color:#00d9ff;font-weight:600}.gmail-nav-item svg{flex-shrink:0}.gmail-count{color:hsla(0,0%,100%,.4);font-size:.75rem;margin-left:auto}.gmail-main{background:#0f0f0f;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.gmail-email-header{align-items:center;background:#1a1a1a;border-bottom:1px solid rgba(0,217,255,.15);display:flex;justify-content:space-between;padding:.875rem 1.25rem}.gmail-email-subject h2{align-items:center;color:hsla(0,0%,100%,.95);display:flex;font-size:1.125rem;font-weight:500;gap:.625rem;letter-spacing:-.01em;margin:0}.gmail-label{background:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.3);border-radius:.375rem;color:#a855f7;display:inline-flex;font-size:.6875rem;font-weight:600;letter-spacing:.02em;padding:.25rem .625rem;text-transform:uppercase}.gmail-toolbar{display:flex;gap:.375rem}.gmail-toolbar button{align-items:center;background:transparent;border:none;border-radius:.375rem;color:hsla(0,0%,100%,.5);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.gmail-toolbar button:hover{background:rgba(0,217,255,.1);color:#00d9ff}.gmail-email-meta{align-items:center;background:#141414;border-bottom:1px solid rgba(0,217,255,.15);display:flex;justify-content:space-between;padding:.875rem 1.25rem}.gmail-sender-info{align-items:center;display:flex;gap:.75rem}.gmail-sender-avatar{align-items:center;background:linear-gradient(135deg,#ff1493,#a855f7);border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:600;height:2.5rem;justify-content:center;width:2.5rem}.gmail-sender-details{display:flex;flex-direction:column;gap:.125rem}.gmail-sender-name{color:hsla(0,0%,100%,.95);font-size:.875rem;font-weight:500}.gmail-sender-email{color:hsla(0,0%,100%,.5);font-size:.75rem}.gmail-sender-email-full{color:hsla(0,0%,100%,.4);margin-left:.5rem}.gmail-email-actions{display:flex;gap:.5rem}.gmail-email-actions button{background:transparent;border:none;border-radius:50%;color:hsla(0,0%,100%,.5);cursor:pointer;padding:.5rem;transition:all .2s ease}.gmail-email-actions button:hover{background:rgba(0,217,255,.1);color:#00d9ff}.gmail-email-body{background:#0a0a0a;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0}.phone-frame{background:#1c1c1e;border-radius:2.5rem;box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 0 12px #1c1c1e,0 0 0 14px #2a2a2e;display:flex;flex-direction:column;height:812px;margin:0 auto;padding:.75rem;position:relative;width:375px}.phone-header{position:relative;z-index:10}.phone-notch{background:#1c1c1e;border-radius:0 0 1rem 1rem;height:28px;margin:0 auto;width:150px}.phone-status-bar{align-items:center;color:#fff;display:flex;font-size:.75rem;justify-content:space-between;margin-top:-1.5rem;padding:.5rem 1rem}.phone-time{font-weight:600}.phone-status-icons{display:flex;gap:.25rem}.phone-screen{background:#0f0f0f;border-radius:1.5rem;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.mobile-email-header{background:#1a1a1a;border-bottom:1px solid rgba(0,217,255,.2)}.mobile-toolbar{align-items:center;display:flex;justify-content:space-between;padding:1rem}.mobile-back{background:transparent;border:none;color:#00d9ff;cursor:pointer;font-size:1.5rem;transition:all .2s ease}.mobile-back:hover{color:#a855f7;transform:translateX(-2px)}.mobile-actions{display:flex;gap:1rem}.mobile-actions button{background:transparent;border:none;color:#00d9ff;cursor:pointer;padding:.25rem;transition:all .2s ease}.mobile-actions button:hover{color:#a855f7;transform:scale(1.1)}.mobile-email-meta{padding:0 1rem 1rem}.mobile-sender{gap:.75rem;margin-bottom:.75rem}.mobile-avatar,.mobile-sender{align-items:center;display:flex}.mobile-avatar{background:linear-gradient(135deg,#ff1493,#a855f7);border-radius:50%;color:#fff;font-size:1rem;font-weight:600;height:2.5rem;justify-content:center;width:2.5rem}.mobile-sender-info{flex:1 1}.mobile-sender-name{color:hsla(0,0%,100%,.95);font-size:.9375rem;font-weight:600}.mobile-sender-email{color:hsla(0,0%,100%,.5);font-size:.8125rem}.mobile-subject{color:hsla(0,0%,100%,.95);font-size:1.125rem;font-weight:600}.mobile-email-body{background:#0f0f0f;flex:1 1;overflow:auto}.phone-bottom-bar{background:#1c1c1e;border-radius:0 0 2rem 2rem;height:20px;margin-top:.5rem}.preview-iframe{border:none;display:block;width:100%}.preview-iframe.desktop{height:400px;min-height:400px;width:100%}.preview-iframe.mobile{height:300px;min-height:300px;width:100%}.gmail-content-wrapper{background:#0a0a0a;display:flex;flex:1 1;min-height:0;overflow:hidden}.gmail-main-centered{background:#0a0a0a;flex:1 1;min-width:0;overflow-x:hidden;overflow-y:auto}.gmail-email-container{background:#1a1a1a;border-left:1px solid rgba(0,217,255,.15);display:flex;flex-direction:column;width:100%}@media (max-width:768px){.phone-frame{max-width:375px;width:100%}.gmail-frame,.phone-frame{height:auto;min-height:600px}.gmail-sidebar{display:none}.gmail-main-centered{padding:1rem}.gmail-email-container{max-width:100%}}.campaign-builder{display:flex;min-height:calc(100vh - 64px);position:relative;z-index:1}.builder-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,4%,.6);border-right:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:28px 20px;width:240px}.builder-back{background:none;border:none;color:hsla(0,0%,100%,.4);cursor:pointer;font-size:13px;margin-bottom:16px;padding:0;text-align:left;transition:color .2s}.builder-back:hover{color:hsla(0,0%,100%,.8)}.builder-sidebar-title{color:hsla(0,0%,100%,.3);font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.builder-steps-nav{display:flex;flex-direction:column;gap:4px}.builder-step-btn{align-items:center;background:none;border:none;border-radius:10px;color:hsla(0,0%,100%,.35);cursor:default;display:flex;font-size:14px;gap:12px;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.builder-step-btn--done{color:hsla(0,0%,100%,.55);cursor:pointer}.builder-step-btn--done:hover{background:hsla(0,0%,100%,.04);color:hsla(0,0%,100%,.8)}.builder-step-btn--active{background:rgba(255,20,147,.12);color:#ff1493;cursor:default}.step-num{align-items:center;border:1.5px solid;border-radius:50%;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.builder-step-btn--active .step-num{background:#ff1493;border-color:#ff1493;color:#000}.builder-step-btn--done .step-num{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);color:#39ff14}.step-name{font-size:13px;font-weight:500}.builder-progress{margin-top:auto;padding-top:24px}.builder-progress-bar{background:hsla(0,0%,100%,.06);border-radius:2px;height:80px;margin:0 auto;overflow:hidden;width:3px}.builder-progress-fill{background:linear-gradient(180deg,#ff1493,#a855f7);border-radius:2px;transition:height .4s ease;width:100%}.builder-main{display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:48px 60px}body:has(.builder-main--template){overflow:hidden}body:has(.builder-main--template) .layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}body:has(.builder-main--template) .layout-main{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}body:has(.builder-main--template) .campaign-builder{flex:1 1;min-height:0;overflow:hidden}.builder-main--template{align-items:stretch;flex:1 1;min-height:0;overflow:hidden;padding:0}.builder-content{max-width:620px;width:100%}.builder-content--wide{display:flex;flex:1 1;flex-direction:column;max-width:100%;min-height:0}.builder-step{display:flex;flex-direction:column;gap:28px}.step-header h2{color:#fff;font-size:26px;font-weight:700;margin-bottom:6px}.step-header p{color:hsla(0,0%,100%,.45);font-size:14px}.builder-field{display:flex;flex-direction:column;gap:10px}.builder-field label{align-items:center;color:hsla(0,0%,100%,.65);display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.06em;text-transform:uppercase}.required{color:#ff1493}.optional{font-size:12px}.char-count,.optional{color:hsla(0,0%,100%,.3);font-weight:400;letter-spacing:0;text-transform:none}.char-count{font-size:11px;margin-left:auto}.char-count--warn{color:#ffb800}.builder-input{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#fff;font-size:15px;outline:none;padding:13px 16px;transition:border-color .2s,background .2s;width:100%}.builder-input:focus{background:rgba(255,20,147,.04);border-color:rgba(255,20,147,.5)}.builder-input:-ms-input-placeholder{color:hsla(0,0%,100%,.2)}.builder-input::placeholder{color:hsla(0,0%,100%,.2)}.builder-textarea{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#fff;font-family:inherit;font-size:14px;line-height:1.6;outline:none;padding:13px 16px;resize:vertical;transition:border-color .2s;width:100%}.builder-textarea:focus{border-color:rgba(255,20,147,.5)}.builder-textarea:-ms-input-placeholder{color:hsla(0,0%,100%,.2)}.builder-textarea::placeholder{color:hsla(0,0%,100%,.2)}.field-hint{color:hsla(0,0%,100%,.4);font-size:12px;margin:0}.field-hint--warn{color:#ffb800}.type-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.type-card{align-items:center;background:hsla(0,0%,100%,.04);border:1.5px solid hsla(0,0%,100%,.08);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:16px 12px;text-align:center;transition:all .2s}.type-card:hover{background:rgba(255,20,147,.06);border-color:rgba(255,20,147,.3)}.type-card--active{background:rgba(255,20,147,.1);border-color:#ff1493}.type-icon{font-size:22px}.type-label{color:#fff;font-size:12px;font-weight:600}.type-desc{color:hsla(0,0%,100%,.35);font-size:11px;line-height:1.3}.goal-pills{display:flex;flex-wrap:wrap;gap:8px}.goal-pill{background:hsla(0,0%,100%,.04);border:1.5px solid hsla(0,0%,100%,.1);border-radius:20px;color:hsla(0,0%,100%,.6);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.goal-pill:hover{border-color:hsla(0,0%,100%,.25);color:#fff}.target-type-tabs{display:flex;flex-wrap:wrap;gap:8px}.target-tab{background:hsla(0,0%,100%,.04);border:1.5px solid hsla(0,0%,100%,.08);border-radius:8px;color:hsla(0,0%,100%,.5);cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px;transition:all .2s}.target-tab:hover{border-color:hsla(0,0%,100%,.2);color:#fff}.target-tab--active{background:rgba(255,20,147,.12);border-color:#ff1493;color:#ff1493}.checkbox-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.checkbox-item{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:8px;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 12px;transition:background .2s}.checkbox-item:hover{background:hsla(0,0%,100%,.06)}.checkbox-item input{display:none}.checkbox-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.stage-checkbox-grid{display:flex;flex-wrap:wrap;gap:8px}.stage-checkbox{align-items:center;background:hsla(0,0%,100%,.03);border:1.5px solid hsla(0,0%,100%,.08);border-radius:8px;color:hsla(0,0%,100%,.55);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.stage-checkbox input{display:none}.stage-checkbox-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.audience-exclude{margin-top:4px}.toggle-row{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.07);border-radius:10px;color:hsla(0,0%,100%,.65);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:14px 16px}.toggle-btn{background:hsla(0,0%,100%,.1);border:none;border-radius:11px;cursor:pointer;flex-shrink:0;height:22px;position:relative;transition:background .2s;width:40px}.toggle-btn--on{background:#ff1493}.toggle-knob{background:#fff;border-radius:50%;height:16px;left:3px;position:absolute;top:3px;transition:transform .2s;width:16px}.toggle-btn--on .toggle-knob{transform:translateX(18px)}.reach-estimate{align-items:center;background:rgba(255,20,147,.06);border:1px solid rgba(255,20,147,.2);border-radius:12px;display:flex;gap:14px;padding:16px 20px}.reach-icon{font-size:22px}.reach-info{display:flex;flex-direction:column;gap:2px}.reach-label{color:hsla(0,0%,100%,.4);font-size:11px;letter-spacing:.07em;text-transform:uppercase}.reach-count{color:#ff1493;font-size:20px;font-weight:700}.reach-loading{color:hsla(0,0%,100%,.3);font-size:14px}.inbox-preview{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:16px}.inbox-preview-label{color:hsla(0,0%,100%,.3);font-size:10px;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}.inbox-row{gap:12px}.inbox-avatar,.inbox-row{align-items:center;display:flex}.inbox-avatar{background:linear-gradient(135deg,#ff1493,#a855f7);border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:800;height:36px;justify-content:center;width:36px}.inbox-text{flex:1 1;min-width:0}.inbox-from{color:#fff;font-size:13px;font-weight:600}.inbox-subject-line{color:hsla(0,0%,100%,.5);font-size:13px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-subject{color:hsla(0,0%,100%,.8);font-weight:500}.inbox-preview-text{color:hsla(0,0%,100%,.35)}.inbox-time{color:hsla(0,0%,100%,.3);flex-shrink:0;font-size:12px}.template-placeholder{align-items:center;background:hsla(0,0%,100%,.03);border:1.5px dashed hsla(0,0%,100%,.1);border-radius:12px;display:flex;gap:16px;padding:18px}.template-placeholder-icon{font-size:24px}.template-placeholder-text{display:flex;flex:1 1;flex-direction:column;gap:3px}.template-placeholder-text strong{color:hsla(0,0%,100%,.7);font-size:14px}.template-placeholder-text span{color:hsla(0,0%,100%,.35);font-size:12px;line-height:1.4}.template-coming-soon{background:rgba(255,184,0,.12);border:1px solid rgba(255,184,0,.3);border-radius:6px;color:#ffb800;font-size:11px;font-weight:600;padding:4px 10px;white-space:nowrap}.review-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;overflow:hidden}.review-row{align-items:flex-start;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;gap:12px;padding:13px 18px}.review-row:last-child{border-bottom:none}.review-label{color:hsla(0,0%,100%,.35);flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.06em;padding-top:1px;text-transform:uppercase;width:90px}.review-value{color:hsla(0,0%,100%,.85);font-size:14px;font-weight:500}.review-value--muted{color:hsla(0,0%,100%,.45);font-weight:400}.send-options{display:flex;flex-direction:column;gap:16px}.send-option-label{color:hsla(0,0%,100%,.5);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.send-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.send-card{align-items:center;background:hsla(0,0%,100%,.04);border:1.5px solid hsla(0,0%,100%,.08);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:18px 12px;text-align:center;transition:all .2s}.send-card:hover{background:hsla(0,0%,100%,.07);border-color:hsla(0,0%,100%,.2)}.send-card--active{background:rgba(255,20,147,.1);border-color:#ff1493}.send-card--send.send-card--active{background:rgba(57,255,20,.08);border-color:#39ff14}.send-card-icon{font-size:24px}.send-card-title{color:#fff;font-size:13px;font-weight:600}.send-card-desc{color:hsla(0,0%,100%,.35);font-size:11px}.schedule-datetime{margin-top:4px}.datetime-fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}input[type=date],input[type=time]{color-scheme:dark}.launch-btn{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;margin-top:8px;padding:16px;transition:opacity .2s,transform .1s;width:100%}.launch-btn--send{background:linear-gradient(135deg,#39ff14,#00d9ff);color:#000}.launch-btn--schedule{background:linear-gradient(135deg,#ffb800,#ff6b35);color:#000}.launch-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.launch-btn:disabled{cursor:not-allowed;opacity:.4}.btn-spinner{animation:spin .7s linear infinite;border:2px solid rgba(0,0,0,.3);border-radius:50%;border-top-color:#000;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.builder-nav{border-top:1px solid hsla(0,0%,100%,.06);display:flex;gap:12px;justify-content:flex-end;margin-top:36px;padding-top:24px}.nav-btn{border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .2s}.nav-btn--back{background:none;border:1.5px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5)}.nav-btn--back:hover{border-color:hsla(0,0%,100%,.25);color:#fff}.nav-btn--next{background:#ff1493;border:none;color:#fff}.nav-btn--next:hover:not(:disabled){background:#e0127f}.nav-btn--next:disabled{cursor:not-allowed;opacity:.35}.template-loading{align-items:center;color:hsla(0,0%,100%,.4);display:flex;font-size:13px;gap:10px}.template-selector{border:1.5px solid hsla(0,0%,100%,.1);border-radius:10px;overflow:hidden}.ts-header{align-items:center;background:hsla(0,0%,100%,.03);cursor:pointer;display:flex;justify-content:space-between;padding:12px 14px;transition:background .15s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ts-header:hover{background:hsla(0,0%,100%,.06)}.ts-selected-row{align-items:center;display:flex;gap:10px;min-width:0}.ts-selected-accent{border-radius:4px;flex-shrink:0;height:36px;width:4px}.ts-selected-info{display:flex;flex-direction:column;gap:2px}.ts-selected-name{color:hsla(0,0%,100%,.9);font-size:13px;font-weight:600}.ts-selected-cat{color:hsla(0,0%,100%,.4);font-size:11px;text-transform:capitalize}.ts-placeholder{color:hsla(0,0%,100%,.35);font-size:13px}.ts-toggle-btn{color:hsla(0,0%,100%,.4);flex-shrink:0;font-size:11px;font-weight:600;white-space:nowrap}.ts-list-wrap{overflow:hidden}.ts-list{border-top:1px solid hsla(0,0%,100%,.07);display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto;padding:10px}.ts-list::-webkit-scrollbar{width:4px}.ts-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:4px}.template-card{align-items:center;background:hsla(0,0%,100%,.04);border:1.5px solid hsla(0,0%,100%,.1);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;text-align:left;transition:all .16s;width:100%}.template-card:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2)}.template-card--selected{background:rgba(255,20,147,.07);border-color:#ff1493}.template-card--none{gap:8px}.template-card-accent{align-self:stretch;border-radius:3px;flex-shrink:0;width:3px}.template-card-body{flex:1 1;min-width:0}.template-card-top-row{align-items:center;display:flex;flex-wrap:wrap;gap:7px}.template-card-icon{font-size:18px}.template-card-name{color:hsla(0,0%,100%,.9);font-size:13px;font-weight:600}.template-card-category{border-radius:20px;flex-shrink:0;font-size:10px;font-weight:600;padding:2px 6px;text-transform:capitalize}.template-card-desc{color:hsla(0,0%,100%,.35);font-size:11px;margin-top:2px}.template-card-check{color:#ff1493;flex-shrink:0;font-size:14px;font-weight:700}.builder-step--content{max-width:100%}.builder-main--template .builder-content--wide>div:first-child{display:flex;flex:1 1;flex-direction:column;min-height:0}.builder-main--template .builder-nav{background:rgba(0,0,0,.3);border-top:1px solid hsla(0,0%,100%,.05);flex-shrink:0;padding:12px 24px 12px 48px}.builder-main--template .step-header{display:none}.builder-main--template .builder-step--content{display:flex;flex:1 1;flex-direction:column;gap:0;min-height:0}.sc-split{grid-gap:0;align-items:start;display:grid;gap:0;grid-template-columns:380px 1fr}.builder-main--template .sc-split{align-items:stretch;display:flex;flex:1 1;min-height:0}.sc-split-left{display:flex;flex-direction:column;gap:0}.builder-main--template .sc-split-left{flex-shrink:0;overflow-y:auto;padding:24px 24px 24px 48px;width:380px}.sc-fields{gap:0}.sc-fields,.sc-split-right{display:flex;flex-direction:column}.builder-main--template .sc-split-right{background:#0a0a0a}.builder-main--template .sc-split-right,.tpe-preview-wrap{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.tpe-header{align-items:center;background:#14142a;border-bottom:1px solid #2a2a3a;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.tpe-header h3{color:hsla(0,0%,100%,.95);font-size:1rem;font-weight:600;margin:0}.tpe-controls{align-items:center;display:flex;gap:1rem}.tpe-mode-toggle{background:#0a0a1a;border:1px solid #2a2a3a;border-radius:.375rem;display:flex;gap:.5rem;padding:.25rem}.tpe-mode-btn{align-items:center;background:transparent;border:none;border-radius:.25rem;color:hsla(0,0%,100%,.4);cursor:pointer;display:flex;justify-content:center;padding:.5rem .75rem;transition:all .2s}.tpe-mode-btn:hover{background:rgba(0,217,255,.1);color:#00d9ff}.tpe-mode-btn--active{background:#00d9ff;color:#14142a}.tpe-refresh-btn{background:transparent;border:1px solid #00d9ff;border-radius:.375rem;color:#00d9ff;cursor:pointer;font-size:.8125rem;font-weight:600;padding:.375rem .75rem;transition:all .2s}.tpe-refresh-btn:hover{background:#00d9ff;box-shadow:0 0 12px rgba(0,217,255,.3);color:#14142a}.tpe-container{align-items:stretch;background:#0a0a0a;display:flex;flex:1 1;min-height:0;overflow:hidden}.tpe-container>div{flex:1 1;height:100%;min-height:0;width:100%}.tpe-container.mobile{align-items:flex-start;justify-content:center;overflow-y:auto;padding:2rem}.tpe-container.mobile>div{flex:0 0 auto;height:auto;width:auto}.tpe-preview-loading{color:hsla(0,0%,100%,.3);flex-direction:column;gap:10px}.tpe-preview-empty,.tpe-preview-loading{align-items:center;display:flex;font-size:13px;justify-content:center}.tpe-preview-empty{color:hsla(0,0%,100%,.2)}.qe-panel{background:hsla(0,0%,100%,.02);border:1.5px solid hsla(0,0%,100%,.08);border-radius:10px;display:flex;flex-direction:column;gap:14px;margin-top:16px;padding:16px}.qe-section-title{color:hsla(0,0%,100%,.4);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.qe-hint{color:hsla(0,0%,100%,.28);font-size:12px;line-height:1.5;margin:-6px 0 0}.qe-no-fields{color:hsla(0,0%,100%,.3);font-size:12px;padding:12px 0;text-align:center}.qe-divider{background:hsla(0,0%,100%,.07);height:1px}.qe-test-row{display:flex;gap:8px}.qe-test-row .builder-input{flex:1 1}.qe-test-btn{background:hsla(0,0%,100%,.07);border:1.5px solid hsla(0,0%,100%,.12);border-radius:8px;color:hsla(0,0%,100%,.8);cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:all .18s;white-space:nowrap}.qe-test-btn:hover:not(:disabled){background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.22)}.qe-test-btn:disabled{cursor:not-allowed;opacity:.35}.qe-test-msg{font-size:12px;margin:-6px 0 0}.qe-test-msg--ok{color:#39ff14}.qe-test-msg--err{color:#f87171}.qe-full-editor-link{color:#ff1493;font-size:12px;font-weight:600;text-align:center;text-decoration:none}.qe-full-editor-link:hover{text-decoration:underline}.builder-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:13px;margin-top:16px;padding:12px 16px}@media (max-width:1100px){.builder-sidebar{padding:24px 14px;width:200px}.builder-main{padding:36px 28px}.builder-main--template .sc-split-left{padding:20px 16px 20px 20px;width:300px}.type-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.builder-sidebar{align-items:center;padding:20px 8px;width:64px}.builder-back,.builder-sidebar-title{display:none}.builder-step-btn{gap:0;justify-content:center;padding:10px 8px;width:40px}.builder-progress,.step-name{display:none}.builder-main{padding:28px 20px}.builder-main--template .sc-split-left{width:280px}}@media (max-width:640px){.campaign-builder{flex-direction:column}.builder-sidebar{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);border-right:none;flex-direction:row;flex-shrink:0;gap:0;height:52px;overflow-x:auto;padding:0 16px;width:100%}.builder-sidebar-title{display:none}.builder-back{display:block;flex-shrink:0;font-size:13px;margin-bottom:0;margin-right:12px;white-space:nowrap}.builder-steps-nav{align-items:center;flex:1 1;flex-direction:row;gap:2px}.builder-step-btn{border-radius:8px;flex-direction:row;flex-shrink:0;gap:5px;justify-content:flex-start;padding:6px 8px;width:auto}.step-num{flex-shrink:0;font-size:10px;height:20px;width:20px}.step-name{display:block;font-size:11px;white-space:nowrap}.builder-progress{display:none}.builder-main{padding:20px 16px}.builder-main--template .sc-split{align-items:stretch;flex-direction:column}.builder-main--template .sc-split-left{border-bottom:1px solid hsla(0,0%,100%,.06);flex-shrink:0;max-height:45vh;overflow-y:auto;padding:16px;width:100%}.builder-main--template .sc-split-right{flex:1 1;min-height:300px}.type-grid{grid-template-columns:repeat(2,1fr)}.goal-pills{gap:6px}.send-cards{flex-direction:column}.builder-nav{gap:8px;padding:12px 16px}.nav-btn{font-size:13px}.builder-main--template .builder-nav,.nav-btn{padding:10px 16px}}@media (max-width:420px){.builder-main{padding:16px 12px}.builder-step{gap:20px}.step-header h2{font-size:20px}.type-grid{grid-template-columns:1fr 1fr}.checkbox-grid{grid-template-columns:1fr}.launch-btn{font-size:15px;padding:14px}.step-name{display:none}}
/*# sourceMappingURL=main.4d356173.css.map*/