:root{--blue:#1355d9;--deep:#0a214a;--ink:#14213d;--muted:#71809b;--line:#e5eaf2;--bg:#f4f7fb}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}button{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{padding:28px 20px;color:white;background:linear-gradient(180deg,#0b4ec7,#082c70)}.brand{display:flex;align-items:center;gap:10px;font-size:18px}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:var(--blue);background:white;font-weight:900}.product-name{margin:4px 0 34px 48px;color:#bcd3ff;font-size:12px}nav{display:grid;grid-gap:4px;gap:4px}nav button{padding:10px 14px;border-radius:9px;color:#d8e5ff;background:transparent;text-align:left;font-size:13px}nav button.active,nav button:hover{color:white;background:rgba(255,255,255,.14)}.workspace{padding:28px 36px 48px}.panel-title,.toolbar,.topbar{display:flex;justify-content:space-between;align-items:center}h1{margin:3px 0 0;font-size:27px}h1,h2{color:var(--deep)}h2{margin:4px 0 0;font-size:18px}.eyebrow{margin:0;font-size:10px;font-weight:800;letter-spacing:.12em;color:#8290a7}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:white;background:var(--blue);font-weight:800}.toolbar{margin:30px 0 18px}button{border:0;border-radius:9px;padding:11px 16px;cursor:pointer}.primary{color:white;background:var(--blue);font-weight:750;box-shadow:0 7px 20px rgba(19,85,217,.2)}.secondary{color:var(--ink);border:1px solid var(--line);background:white}.metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.metric,.panel{border:1px solid var(--line);border-radius:14px;background:white;box-shadow:0 4px 16px rgba(25,45,80,.04)}.metric{padding:19px}.metric p{margin:0 0 10px;color:var(--muted);font-size:12px}.metric strong{display:block;font-size:27px;color:var(--deep)}.metric span{display:block;margin-top:8px;color:#21865d;font-size:11px}.grid{display:grid;grid-template-columns:1.65fr 1fr;grid-gap:14px;gap:14px;margin-top:14px}.panel{min-height:330px;padding:22px}.link{color:var(--blue);background:#edf3ff;font-size:12px}.chart{height:225px;display:flex;gap:14px;align-items:flex-end;padding:25px 10px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(180deg,transparent 0,transparent 54px,#edf0f5 55px)}.chart span{flex:1 1;min-width:18px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#2b72f0,#0e4ec3)}.approval{display:grid;grid-template-columns:34px 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.approval>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--blue);background:#edf3ff;font-weight:800}.approval strong{font-size:13px}.approval p{margin:4px 0 0;color:var(--muted);font-size:11px}.approval b{color:var(--blue);font-size:11px}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.sidebar nav{overflow:auto}.side-user{display:flex;align-items:center;gap:10px;margin-top:auto;padding:18px 8px 0;border-top:1px solid rgba(255,255,255,.15)}.side-user>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--blue);font-weight:900}.side-user div{display:grid}.side-user b{font-size:11px}.side-user small{margin-top:3px;color:#bad0f8;font-size:10px}.top-actions{display:flex;align-items:center;gap:12px}.top-actions button{padding:8px;color:#ef9f28;background:#fff;border:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin:32px 0 18px}.section-head h2{font-size:25px}.kanban-summary,.summary-strip{display:flex;gap:26px;padding:16px 20px;margin-bottom:14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font-size:12px}.kanban-summary b,.summary-strip b{margin-right:4px;color:var(--deep);font-size:17px}.table-panel{min-height:0;padding:0;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}td,th{padding:16px 18px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;font-size:12px}th{color:#77849a;background:#f9fbfd;font-size:10px;letter-spacing:.06em;text-transform:uppercase}td b{color:var(--deep)}tbody tr:hover{background:#f9fbff}.row-action{padding:7px 10px;color:var(--blue);background:#edf3ff;font-size:11px;font-weight:700}.status{display:inline-block;padding:5px 9px;border-radius:999px;color:#53657f;background:#edf0f5;font-size:10px;font-weight:800}.status.active,.status.published,.status.running,.status.won{color:#187153;background:#e7f7f0}.status.configure,.status.in-review,.status.qualified{color:#9a6910;background:#fff2d8}.status.draft,.status.new{color:#5d6d84;background:#eef1f5}.status.approved,.status.contacted{color:#175bbd;background:#eaf2ff}.filters{display:flex;gap:7px;margin-bottom:14px}.filter{padding:8px 13px;color:#65728a;background:#fff;border:1px solid var(--line);font-size:11px}.filter.active{color:#fff;background:var(--blue)}.cards,.prompt-grid,.report-grid{display:grid;grid-gap:14px;gap:14px}.experiment{min-height:0}.experiment h3,.prompt-card h3,.report-card h3{margin:12px 0 5px}.experiment p,.prompt-card p,.report-card p{margin:0;color:var(--muted);font-size:12px}.variants{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:25px 0}.variants span{display:grid;grid-template-columns:1fr auto;padding:16px;border:1px solid var(--line);border-radius:10px}.variants em{color:var(--deep);font-size:24px;font-style:normal;font-weight:900}.variants small{grid-column:1/-1;margin-top:5px;color:var(--muted)}.variants .winner{border-color:#7eb1ff;background:#f2f7ff}.experiment footer{padding-top:14px;border-top:1px solid var(--line);color:#8a6918;font-size:11px}.analytics-panel{min-height:350px;margin-top:14px}.line-chart{position:relative;height:245px;margin-top:25px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(180deg,transparent 0,transparent 49px,#edf0f5 50px)}.line-chart div{position:absolute;inset:30px 10px 35px;background:linear-gradient(170deg,transparent 0 27%,rgba(19,85,217,.13) 28% 45%,transparent 46% 53%,rgba(19,85,217,.13) 54% 70%,transparent 71%);border-bottom:3px solid var(--blue);-webkit-clip-path:polygon(0 70%,12% 55%,24% 65%,35% 38%,47% 45%,58% 20%,70% 31%,82% 8%,100% 15%,100% 100%,0 100%);clip-path:polygon(0 70%,12% 55%,24% 65%,35% 38%,47% 45%,58% 20%,70% 31%,82% 8%,100% 15%,100% 100%,0 100%)}.line-chart i{position:relative;top:215px;margin-right:8px;padding:5px 8px;border-radius:999px;color:#52627a;background:#edf1f6;font-size:9px;font-style:normal}.report-grid{grid-template-columns:repeat(3,1fr)}.report-card{display:grid;grid-template-columns:auto 1fr;grid-gap:14px;gap:14px;min-height:190px}.report-card .row-action{grid-column:1/-1}.doc-icon{display:grid;place-items:center;width:43px;height:52px;border-radius:6px;color:#fff;background:var(--blue);font-size:10px;font-weight:900}.report-card small{display:block;margin-top:14px;color:#8894a8;line-height:1.5}.media-grid,.template-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.media-grid article,.template-card{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.media-grid b,.template-card>b{display:block;margin:10px 2px 4px;font-size:12px}.media-grid small,.template-card small{display:block;color:var(--muted);font-size:10px}.media-placeholder{display:grid;place-items:center;height:150px;border-radius:8px;color:rgba(255,255,255,.8);background:linear-gradient(135deg,#164ba4,#62a8ff);font-size:30px;font-weight:900}.m1{background:linear-gradient(135deg,#6f2e23,#eaa46d)}.m2{background:linear-gradient(135deg,#111b38,#2172d9)}.m3{background:linear-gradient(135deg,#53355f,#d992aa)}.m4{background:linear-gradient(135deg,#174a41,#69b09b)}.m5{background:linear-gradient(135deg,#8d3a0e,#ffba4c)}.template-preview{height:145px;padding:22px;border-radius:8px;background:linear-gradient(145deg,#0d51cc,#08275e)}.template-preview span{display:block;width:70%;height:8px;margin:9px auto;border-radius:8px;background:#fff}.template-preview span:first-child{width:45%;height:18px}.template-preview span:last-child{width:32%;height:23px;background:#61a0ff}.t1{background:linear-gradient(145deg,#162b28,#d88f4e)}.t2{background:linear-gradient(145deg,#3b1421,#ef805d)}.t3{background:linear-gradient(145deg,#0c293a,#33a0ac)}.t4{background:linear-gradient(145deg,#3c285b,#b36dd0)}.t5{background:linear-gradient(145deg,#283817,#a8c759)}.template-card .row-action{width:100%;margin-top:12px}.prompt-grid{grid-template-columns:1fr 1fr}.prompt-card{display:grid;grid-template-columns:36px 1fr auto;grid-gap:12px;gap:12px;align-items:center;min-height:0;padding:18px}.prompt-card>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:var(--blue);background:#edf3ff}.prompt-card h3{margin:0 0 5px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.settings-card{min-height:0}.inspector label,.settings-card>label{display:grid;grid-gap:7px;gap:7px;margin:18px 0;color:#5c6c84;font-size:11px;font-weight:700}.inspector input,.inspector select,.inspector textarea,.settings-card input,.settings-card select{width:100%;padding:11px;border:1px solid #dce2eb;border-radius:8px;background:#fff;font:inherit}.integration{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.integration span{display:grid}.integration b{font-size:12px}.integration small{margin-top:4px;color:var(--muted);font-size:10px}.builder{margin-top:26px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.builder-top{display:grid;grid-template-columns:auto 1fr auto;grid-gap:18px;gap:18px;align-items:center;padding:13px;border-bottom:1px solid var(--line)}.builder-top>div{display:flex;gap:9px;align-items:center}.builder-top>div:nth-child(2){display:grid}.builder-top span{color:var(--muted);font-size:9px}.builder-body{display:grid;grid-template-columns:165px 1fr 235px;min-height:620px}.inspector,.section-library{padding:18px;background:#f8fafc}.section-library{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.section-library button{width:100%;margin-top:7px;padding:9px;color:#384c69;border:1px solid var(--line);background:#fff;text-align:left;font-size:11px}.canvas{padding:45px 30px;background:#e9eef6}.hero-block{padding:70px 35px;color:#fff;background:linear-gradient(145deg,#0c55d4,#08285e);text-align:center}.hero-block small{letter-spacing:.13em}.hero-block h3{margin:15px 0 9px;font-size:34px}.hero-block p{max-width:540px;margin:0 auto 22px;color:#d8e7ff}.hero-block button{color:var(--blue);background:#fff;font-weight:800}.feature-block{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;margin-top:12px;background:#dfe5ee}.feature-block span{display:grid;grid-gap:7px;gap:7px;padding:24px;background:#fff;text-align:center}.feature-block small{color:var(--muted)}.ai-button{width:100%;color:var(--blue);background:#e9f1ff;font-weight:800}.space{margin-top:25px}.toast{position:fixed;right:24px;bottom:24px;z-index:10;padding:13px 18px;border-radius:10px;color:#fff;background:#163d7c;box-shadow:0 12px 35px rgba(0,0,0,.2);font-size:12px}@media(max-width:1100px){.builder-body{grid-template-columns:135px 1fr}.inspector{grid-column:1/-1;border-top:1px solid var(--line);border-left:0}.media-grid,.report-grid,.template-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.workspace{padding:22px}}@media(max-width:650px){.media-grid,.metrics,.prompt-grid,.report-grid,.settings-grid,.template-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.toolbar{gap:8px}.primary,.secondary{font-size:12px;padding:10px}.workspace{padding:18px}h1{font-size:22px}.builder-body,.builder-top{grid-template-columns:1fr}.section-library{display:none}.canvas{padding:15px}.hero-block{padding:40px 18px}.hero-block h3{font-size:25px}.feature-block{grid-template-columns:1fr}.kanban-summary,.summary-strip{overflow:auto}.variants{grid-template-columns:1fr}}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-brand{display:flex;flex-direction:column;justify-content:center;padding:9vw;color:#fff;background:radial-gradient(circle at 75% 20%,#367bf0 0,transparent 32%),linear-gradient(145deg,#0d57d8,#071f4d)}.login-logo{display:grid;place-items:center;width:52px;height:52px;margin-bottom:50px;border-radius:14px;color:var(--blue);background:#fff;font-weight:900;font-size:20px}.eyebrow.light{color:#c9dcff}.login-brand h1{margin:18px 0;color:#fff;font-size:48px;line-height:1.08;letter-spacing:-.04em}.login-brand>p:not(.eyebrow){max-width:520px;color:#d2e1ff;line-height:1.7}.login-points{display:grid;grid-gap:13px;gap:13px;margin-top:35px;color:#eaf1ff;font-size:14px}.login-panel{display:grid;place-items:center;padding:40px;background:#f6f8fc}.login-card{width:min(440px,100%);padding:46px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 25px 70px rgba(20,45,85,.1)}.login-card h2{margin:9px 0 12px;font-size:27px}.login-copy{margin:0 0 30px;color:var(--muted);line-height:1.55}.login-card label{display:grid;grid-gap:9px;gap:9px;font-size:12px;font-weight:750;color:var(--deep)}.login-card input{width:100%;padding:14px;border:1px solid #d9e0eb;border-radius:9px;outline:none;font:inherit}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(19,85,217,.11)}.login-submit{width:100%;margin-top:17px;color:#fff;background:var(--blue);font-weight:800}.login-submit:disabled{opacity:.6}.otp-input{font-size:23px!important;letter-spacing:.35em;text-align:center}.login-back{width:100%;margin-top:7px;color:var(--blue);background:transparent}.login-message{padding:11px 13px;border-radius:8px;color:#31517d;background:#eef4ff;font-size:12px;line-height:1.5}.login-help{margin:28px 0 0;color:#8a96aa;font-size:11px;text-align:center}@media(max-width:800px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:20px}.login-card{padding:32px 25px}}