:root{--bg: #f4eee4;--bg-2: #efe7da;--ink: #15110d;--sidebar: #100c0a;--panel: #ffffff;--panel-2: #faf5ec;--border: #e7ded0;--border-strong: #ddd1bf;--text: #1c1712;--muted: #8c8275;--accent: #ff1f6b;--accent-deep: #e4145d;--accent-2: #b14cff;--pop: #ffc02e;--good: #12a673;--warn: #c98700;--bad: #e23744;--grad: linear-gradient(120deg, #ff1f6b 0%, #ff5a8a 100%);--radius: 18px;--shadow: 0 14px 40px -22px rgba(60, 40, 20, .5);--shadow-soft: 0 4px 18px -10px rgba(60, 40, 20, .28)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;position:relative;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(700px 420px at 90% -10%,rgba(255,31,107,.07),transparent 60%),radial-gradient(600px 400px at 0% 100%,rgba(255,192,46,.06),transparent 60%);pointer-events:none;z-index:0}.app{display:grid;grid-template-columns:252px 1fr;height:100vh;position:relative;z-index:1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#0003;background-clip:padding-box}.sidebar{background:var(--sidebar);border-right:1px solid #221b16;padding:24px 16px;display:flex;flex-direction:column}.brand{font-family:Fraunces,serif;font-weight:700;font-size:27px;letter-spacing:-.5px;color:#f7efe2;padding:4px 10px 24px}.brand .dot{color:var(--accent)}.brand small{display:block;font-family:Inter;font-weight:500;font-size:10px;letter-spacing:1px;color:#8b8073;margin-top:7px;text-transform:uppercase}.nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:none;color:#a89c8c;padding:11px 13px;border-radius:11px;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:3px;transition:all .16s ease}.nav button span{font-size:16px}.nav button:hover{background:#ffffff0d;color:#f3ebde}.nav button.active{background:var(--accent);color:#fff;box-shadow:0 8px 20px -8px #ff1f6bb3}.sidebar .spacer{flex:1}.sidebar .foot{font-size:11px;color:#756b5f;padding:12px;line-height:1.6;border-top:1px solid #221b16;margin-top:8px}.main{overflow-y:auto;padding:32px 40px}.page-title{font-family:Sora,sans-serif;font-size:27px;font-weight:700;letter-spacing:-.5px;margin:0 0 6px;color:var(--ink)}.page-sub{color:var(--muted);margin:0 0 26px;font-size:14px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.kpi{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease;animation:fadeUp .5s ease both}.kpi:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.kpi:before{content:"";position:absolute;top:18px;left:0;width:3px;height:28px;background:var(--accent);border-radius:0 3px 3px 0}.kpi .v{font-family:Sora,sans-serif;font-size:27px;font-weight:750;letter-spacing:-.6px;color:var(--ink)}.kpi .l{color:var(--muted);font-size:12px;margin-top:5px;font-weight:500}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-soft);animation:fadeUp .5s ease both}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .14s ease}tr:hover td{background:var(--panel-2)}.badge{display:inline-block;padding:3px 11px;border-radius:999px;font-size:11px;font-weight:650;border:1px solid transparent}.b-draft{background:#f1ece3;color:#8a7f70;border-color:#e3dace}.b-sent,.b-delivered{background:#e3f6ee;color:var(--good);border-color:#c5ecdc}.b-failed{background:#fdeaec;color:var(--bad);border-color:#f6ccd0}.b-opened,.b-read,.b-queued{background:#f3ecfd;color:#8b4cf0;border-color:#e3d2fb}.b-clicked{background:#fff3d6;color:var(--warn);border-color:#ffe3a3}.b-converted{background:var(--accent);color:#fff;box-shadow:0 4px 12px -4px #ff1f6b8c}.b-launching{background:#ece8fb;color:#6d5cff;border-color:#dad3fb}.btn{background:var(--accent);color:#fff;border:none;padding:11px 19px;border-radius:12px;font-weight:650;cursor:pointer;font-size:14px;letter-spacing:.2px;box-shadow:0 10px 24px -10px #ff1f6b99;transition:transform .15s ease,filter .15s,box-shadow .15s}.btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 14px 28px -10px #ff1f6bb3}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--border-strong);box-shadow:none}.btn.ghost:hover{background:var(--panel-2);border-color:var(--accent)}.btn.sm{padding:7px 14px;font-size:13px;border-radius:10px}.chat{display:flex;flex-direction:column;height:calc(100vh - 64px)}.chat-scroll{flex:1;overflow-y:auto;padding:10px 4px;display:flex;flex-direction:column;gap:15px}.msg{max-width:760px;padding:14px 18px;border-radius:18px;line-height:1.58;white-space:pre-wrap;animation:fadeUp .35s ease both}.msg.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:5px;box-shadow:0 10px 24px -12px #ff1f6b99}.msg.bot{align-self:flex-start;background:var(--panel);border:1px solid var(--border);border-bottom-left-radius:5px;box-shadow:var(--shadow-soft)}.msg.tool{align-self:flex-start;background:var(--panel-2);border:1px dashed var(--border-strong);color:var(--muted);font-size:12.5px;font-family:ui-monospace,SF Mono,monospace;max-width:760px;border-radius:12px}.composer{display:flex;gap:11px;margin-top:16px}.composer input{flex:1;background:var(--panel);border:1px solid var(--border-strong);color:var(--ink);padding:15px 18px;border-radius:14px;font-size:14px;outline:none;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease;box-shadow:var(--shadow-soft)}.composer input::placeholder{color:var(--muted)}.composer input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #ff1f6b1a}.artifact{align-self:flex-start;max-width:760px;width:100%;background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:16px;padding:18px 20px;box-shadow:var(--shadow-soft);animation:fadeUp .4s ease both}.artifact h4{margin:0 0 8px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-weight:650}.artifact .big{font-family:Sora,sans-serif;font-size:23px;font-weight:750;letter-spacing:-.3px;color:var(--ink)}.preview-msg{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:13px 15px;margin-top:11px;font-size:13.5px;line-height:1.55;color:var(--ink)}.suggestions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.suggestions button{background:var(--panel);border:1px solid var(--border-strong);color:var(--muted);padding:10px 15px;border-radius:999px;cursor:pointer;font-size:13px;transition:all .16s ease}.suggestions button:hover{color:var(--ink);border-color:var(--accent)}.back{background:none;border:none;color:var(--muted);cursor:pointer;padding:0;margin-bottom:12px;font-size:13px;font-weight:500;transition:color .15s}.back:hover{color:var(--accent)}.muted{color:var(--muted)}.row-between{display:flex;justify-content:space-between;align-items:center;gap:14px}.pill-live{font-size:11px;color:var(--good);display:inline-flex;align-items:center;gap:6px;font-weight:650}.pill-live .blink{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 8px var(--good);animation:blink 1.2s infinite}@keyframes blink{50%{opacity:.25}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty{color:var(--muted);text-align:center;padding:48px}code.k{background:var(--panel-2);padding:2px 7px;border-radius:7px;font-size:12.5px;font-family:ui-monospace,monospace;color:var(--accent-deep);border:1px solid var(--border)}.cta-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;color:var(--accent);margin-bottom:12px}.cta-card{position:relative;overflow:hidden;background:var(--ink);color:#f6efe3;border-radius:22px;padding:30px 32px;box-shadow:var(--shadow);animation:fadeUp .5s ease both}.cta-card .cta-eyebrow{color:#ff7aa6}.cta-card .muted{color:#b3a899}.cta-glow{position:absolute;top:-120px;right:-60px;width:360px;height:360px;background:radial-gradient(circle,rgba(255,31,107,.5),transparent 65%);filter:blur(10px);pointer-events:none}.cta-title{font-family:Fraunces,serif;font-size:30px;font-weight:600;letter-spacing:-.3px;margin:0 0 8px;color:#fdf8ef}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.starter{text-align:left;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#cfc4b4;padding:13px 15px;border-radius:14px;cursor:pointer;font-size:13px;line-height:1.45;transition:all .17s ease}.starter:hover{color:#fff;border-color:var(--accent);background:#ff1f6b24;transform:translateY(-3px)}.starter-arrow{color:var(--accent);font-weight:800;margin-right:4px}.bar-track{height:10px;border-radius:999px;background:var(--bg-2);overflow:hidden;border:1px solid var(--border)}.bar-fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.2,.8,.2,1)}.chat-hero{margin:auto;max-width:860px;width:100%;text-align:center;padding:24px 0 10px;animation:fadeUp .55s ease both}.hero-title{font-family:Fraunces,serif;font-size:48px;line-height:1.08;font-weight:600;letter-spacing:-1px;margin:0 0 16px;color:var(--ink)}.hero-title .accent{color:var(--accent);font-style:italic}.hero-sub{color:var(--muted);font-size:15.5px;max-width:560px;margin:0 auto 24px;line-height:1.55}.hero-stats{display:inline-flex;align-items:center;gap:16px;margin-bottom:32px;padding:11px 22px;border-radius:999px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-soft);font-size:13.5px;color:var(--muted)}.hero-stats b{color:var(--ink);font-weight:750}.hero-stats i{width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:.6}.hero-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hero-card{text-align:left;cursor:pointer;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow-soft);transition:all .18s ease}.hero-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 16px 32px -16px #ff1f6b73}.hero-card-icon{font-size:24px;margin-bottom:10px}.hero-card-title{font-weight:700;font-size:14px;margin-bottom:6px;color:var(--ink)}.hero-card-text{font-size:12.5px;color:var(--muted);line-height:1.45}