:root{--canvas: #070b0d;--canvas-soft: #0c1215;--panel: rgba(15, 23, 26, .88);--panel-solid: #10191c;--panel-raised: #152125;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--ink: #f5f3ed;--muted: #93a2a0;--muted-strong: #bdc8c5;--green: #32d583;--green-deep: #08765a;--green-soft: rgba(50, 213, 131, .12);--gold: #e6b85c;--danger: #ff7272;--radius-lg: 24px;--radius-md: 15px;--font: "Instrument Sans", sans-serif;--display: "Bricolage Grotesque", sans-serif}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--font);background:radial-gradient(circle at 8% 0%,rgba(50,213,131,.12),transparent 27rem),radial-gradient(circle at 94% 12%,rgba(230,184,92,.09),transparent 25rem),linear-gradient(145deg,#05090a 0%,var(--canvas) 45%,#091012 100%);background-attachment:fixed}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);mask-image:linear-gradient(to bottom,black,transparent 78%)}button,input,textarea,select{font:inherit}button{cursor:pointer}.app{width:min(100%,1320px);margin:0 auto;padding:34px 28px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:30px;animation:rise .5s ease both}.brand-lockup{display:flex;align-items:center;gap:17px}.brand-mark{position:relative;display:grid;width:54px;height:54px;flex:0 0 54px;place-items:center;overflow:hidden;border:1px solid rgba(50,213,131,.42);border-radius:17px;color:#03150e;font-family:var(--display);font-size:.9rem;font-weight:800;letter-spacing:-.04em;background:linear-gradient(145deg,#6bf2a8,var(--green));box-shadow:0 12px 32px #32d58329}.brand-mark:after{position:absolute;width:38px;height:38px;right:-20px;bottom:-20px;border:8px solid rgba(255,255,255,.23);border-radius:50%;content:""}.eyebrow,.section-kicker{display:block;margin-bottom:5px;color:var(--green);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.brand{margin:0;font-family:var(--display);font-size:clamp(1.65rem,3vw,2.35rem);font-weight:750;letter-spacing:-.055em;line-height:.98}.brand span{color:var(--green)}.subtitle{max-width:54ch;margin:9px 0 0;color:var(--muted);font-size:.9rem;line-height:1.55}.status-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.badge{display:inline-flex;align-items:center;gap:9px;min-height:37px;padding:0 13px;border:1px solid rgba(50,213,131,.24);border-radius:999px;color:var(--green);font-size:.76rem;font-weight:650;background:#32d58312;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.badge.live{border-color:#e6b85c40;color:var(--gold);background:#e6b85c14}.badge.test{border-color:#54a2ff47;color:#7bb5ff;background:#54a2ff14}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 15%,transparent);animation:pulse 2s ease-in-out infinite}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px;animation:rise .6s .05s ease both}.stat{position:relative;min-height:133px;overflow:hidden;padding:17px 18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 55%),var(--panel);box-shadow:0 16px 38px #00000029}.stat:after{position:absolute;width:90px;height:90px;right:-38px;bottom:-50px;border:15px solid rgba(50,213,131,.055);border-radius:50%;content:""}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-label{color:var(--muted-strong);font-size:.72rem;font-weight:650;letter-spacing:.07em;text-transform:uppercase}.stat-icon{display:grid;width:27px;height:27px;place-items:center;border:1px solid rgba(50,213,131,.16);border-radius:9px;color:var(--green);font-size:.88rem;background:var(--green-soft)}.stat-value{margin-top:12px;font-family:var(--display);font-size:2rem;font-weight:750;letter-spacing:-.05em;line-height:1}.stat-note{display:block;margin-top:7px;color:var(--muted);font-size:.73rem}.layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:20px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 35%),var(--panel);box-shadow:0 24px 65px #0000003d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:rise .65s .08s ease both}.editor-panel{padding:25px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.panel-heading.compact{align-items:center;margin-bottom:17px}.panel h2{margin:0;font-family:var(--display);font-size:1.22rem;font-weight:680;letter-spacing:-.035em}.step-chip{padding:6px 10px;border:1px solid var(--line-strong);border-radius:999px;color:var(--muted-strong);font-size:.68rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase;background:#ffffff09}.form-grid{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}label{display:grid;gap:7px;color:var(--muted-strong);font-size:.77rem;font-weight:580}input,textarea{width:100%;border:1px solid var(--line);border-radius:12px;outline:none;color:var(--ink);background:#0308097a;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input{min-height:43px;padding:0 13px}textarea{min-height:82px;padding:11px 13px;line-height:1.5;resize:vertical}input::placeholder,textarea::placeholder{color:#61716f}input:hover,textarea:hover{border-color:var(--line-strong)}input:focus,textarea:focus{border-color:#32d58394;background:#030809b3;box-shadow:0 0 0 4px #32d58314}code{padding:2px 5px;border-radius:5px;color:#93ebbc;font-size:.82em;background:#32d58317}.section-divider{display:flex;align-items:center;gap:12px;margin:12px 0 0;color:var(--green);font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.section-divider:after{height:1px;flex:1;content:"";background:linear-gradient(90deg,rgba(50,213,131,.24),transparent)}.section-divider.test-divider{margin-top:28px}.form-section-title{margin-top:0!important;margin-bottom:0!important;font-size:1.04rem!important}.automation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.automation-heading .subtitle{margin-top:5px}.schedule-chip{flex:0 0 auto;padding:6px 9px;border:1px solid rgba(84,162,255,.24);border-radius:999px;color:#86bcff;font-size:.66rem;font-weight:680;background:#54a2ff12}.automation-phone{max-width:360px}.automation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.automation-card{display:grid;gap:7px;min-width:0;padding:13px;border:1px solid var(--line);border-radius:13px;color:var(--ink);text-align:left;background:linear-gradient(145deg,rgba(50,213,131,.045),transparent),#02070859;transition:transform .16s ease,border-color .16s ease,background .16s ease}.automation-card:hover:not(:disabled){transform:translateY(-2px);border-color:#32d58357;background:#32d58313}.automation-card:disabled{opacity:.46;cursor:not-allowed}.automation-day{color:var(--green);font-size:.65rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.automation-card strong{overflow:hidden;font-size:.78rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.automation-action{color:var(--muted);font-size:.68rem}.automation-warning{margin:1px 0 0;color:var(--gold);font-size:.72rem}.upload-row{display:flex;align-items:center;gap:10px;margin-top:-3px}.file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-button{display:inline-flex;width:auto;min-height:35px;align-items:center;color:var(--ink);font-size:.75rem;cursor:pointer}.upload-button.disabled{opacity:.5;pointer-events:none}.upload-hint{color:var(--muted);font-size:.72rem}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:4px}.btn{min-height:41px;border:1px solid transparent;border-radius:11px;padding:0 15px;font-size:.79rem;font-weight:680;transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{color:#03150e;background:linear-gradient(135deg,#61e9a0,var(--green));box-shadow:0 9px 24px #32d58321}.btn-primary:hover{background:linear-gradient(135deg,#78f2b0,#3bdc8b)}.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:#ffffff0a}.btn-ghost:hover{border-color:#32d58342;background:#32d58312}.btn-danger{border-color:#ff727240;color:#ff9c9c;background:#ff727214}.campaign-list{display:grid;gap:9px;margin-top:22px}.campaign-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:hidden;padding:13px 15px 13px 17px;border:1px solid var(--line);border-radius:13px;cursor:pointer;background:#02070847;transition:border-color .16s ease,background .16s ease,transform .16s ease}.campaign-item:before{position:absolute;width:3px;inset:10px auto 10px 0;border-radius:0 4px 4px 0;content:"";background:transparent}.campaign-item:hover{transform:translate(2px);border-color:var(--line-strong);background:#ffffff09}.campaign-item.active{border-color:#32d5834d;background:#32d58311}.campaign-item.active:before{background:var(--green)}.campaign-item h3{margin:0;font-family:var(--display);font-size:.92rem;font-weight:650}.campaign-item p{margin:4px 0 0;color:var(--muted);font-size:.71rem}.preview-col{display:grid;gap:18px;animation:rise .7s .12s ease both}.preview-panel{overflow:hidden;background:radial-gradient(circle at 50% 10%,rgba(50,213,131,.08),transparent 45%),var(--panel)}.preview-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #32d5831a}.phone{width:min(100%,292px);margin:4px auto 2px;padding:9px;border:1px solid #394447;border-radius:37px;background:linear-gradient(145deg,#252d2f,#080b0c 45%,#1b2325);box-shadow:0 38px 68px #00000080,inset 0 0 0 2px #090c0d}.phone-screen{min-height:506px;overflow:hidden;border-radius:29px;background:#08120f}.chat-header{display:flex;align-items:center;gap:10px;padding:16px 13px 12px;background:linear-gradient(135deg,#0b5d4c,#08483e)}.avatar{display:grid;width:37px;height:37px;place-items:center;border:2px solid rgba(255,255,255,.25);border-radius:50%;color:#042117;font-size:.75rem;font-weight:800;background:linear-gradient(145deg,#75edaf,var(--green))}.chat-header strong{display:block;font-size:.79rem}.chat-header span{display:block;margin-top:2px;font-size:.65rem;opacity:.72}.chat-body{min-height:438px;padding:18px 13px;background:linear-gradient(#06110ee8,#06110ee8),radial-gradient(circle at 20% 30%,#2c5d4f 1px,transparent 1px);background-size:auto,18px 18px}.bubble{max-width:93%;margin-left:auto;padding:9px;border-radius:11px 11px 3px;background:linear-gradient(145deg,#075d4c,#064d40);box-shadow:0 7px 20px #00000040;animation:bubble-in .42s ease both}.video-thumb{position:relative;overflow:hidden;aspect-ratio:16 / 9;margin-bottom:9px;border-radius:8px;background:linear-gradient(135deg,rgba(50,213,131,.12),transparent),radial-gradient(circle at 65% 35%,#356a5b,#0e2822 58%,#071915)}.video-thumb:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";opacity:.5;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.13),transparent 68%);transform:translate(-100%);animation:shimmer 3.5s ease-in-out infinite}.video-thumb:after{position:absolute;width:40px;height:40px;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:50%;content:"";background:#ffffffeb;clip-path:polygon(38% 28%,38% 72%,72% 50%);box-shadow:0 0 0 9px #ffffff1f}.bubble p{margin:0;font-size:.76rem;line-height:1.46}.cta{display:block;width:100%;margin-top:9px;padding:9px;border-radius:7px;color:#043122;font-size:.76rem;font-weight:750;text-align:center;text-decoration:none;background:#65e6a1}.timeline{display:grid;gap:2px}.timeline-item{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center;min-height:57px}.timeline-item:not(:last-child):after{position:absolute;width:1px;height:13px;left:27px;bottom:-7px;content:"";background:#32d58338}.day-pill{padding:7px 5px;border:1px solid rgba(50,213,131,.18);border-radius:9px;color:var(--green);font-size:.68rem;font-weight:700;text-align:center;background:var(--green-soft)}.timeline-item strong{display:block;overflow:hidden;font-size:.81rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.timeline-item span{display:block;margin-top:3px;color:var(--muted);font-size:.7rem}.qr-box{text-align:center}.qr-box .section-kicker{text-align:left}.qr-box h2{margin-bottom:17px;text-align:left}.qr-box img{width:194px;height:194px;padding:11px;border:6px solid rgba(255,255,255,.06);border-radius:17px;background:#fff;box-shadow:0 18px 34px #00000047}.qr-box p{margin:13px 0 0}.qr-box a{color:var(--green);font-size:.72rem;text-decoration-color:#32d58359;word-break:break-all}.toast{position:fixed;z-index:20;top:24px;right:24px;max-width:min(360px,calc(100vw - 32px));padding:12px 15px;border:1px solid rgba(50,213,131,.28);border-radius:12px;color:#9ff0c4;font-size:.8rem;background:#09221af0;box-shadow:0 18px 50px #0000005c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:toast-in .25s ease both}.toast.error{border-color:#ff72724d;color:#faa;background:#301214f0}.empty{padding:22px 8px;color:var(--muted);font-size:.8rem;text-align:center}@media(min-width:1051px){.preview-col{position:sticky;top:18px}}@media(max-width:1050px){.layout{grid-template-columns:1fr}.preview-col{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-panel,.qr-box{grid-row:span 2}}@media(max-width:760px){.app{padding:23px 16px 60px}.topbar{align-items:flex-start;flex-direction:column;margin-bottom:24px}.status-group{justify-content:flex-start}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{min-height:122px}.preview-col{grid-template-columns:1fr}.preview-panel,.qr-box{grid-row:auto}}@media(max-width:560px){.brand-mark{width:48px;height:48px;flex-basis:48px;border-radius:15px}.brand{font-size:1.55rem}.brand-lockup{align-items:flex-start;gap:12px}.subtitle{font-size:.82rem}.form-row,.automation-grid{grid-template-columns:1fr}.automation-heading{flex-direction:column}.panel,.editor-panel{padding:18px;border-radius:19px}.panel-heading{margin-bottom:18px}.stats{gap:9px}.stat{min-height:114px;padding:14px}.stat-value{font-size:1.7rem}.stat-note{font-size:.66rem}.toast{top:16px;right:16px}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes bubble-in{0%{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes shimmer{0%,45%{transform:translate(-100%)}75%,to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}