:root{--bg:#07070f;--panel:#101120;--panel2:#17182b;--text:#f7f1ff;--muted:#a5a2bd;--pink:#ff4fd8;--cyan:#6df7ff;--violet:#8c5cff;--lime:#a8ff6d;--amber:#ffd36d;--red:#ff6d8c;--line:#ffffff1f;--shadow:0 30px 80px #0000006b}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 12% 0,#ff4fd847,#0000 34%),radial-gradient(circle at 88% 10%,#6df7ff38,#0000 30%),linear-gradient(#090914,#07070f 42%,#0c0b16);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}main{max-width:1180px;margin:0 auto;padding:34px 18px 80px}.hero{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffff1a,#ffffff08);border-radius:34px;grid-template-columns:112px 1fr;align-items:center;gap:28px;padding:30px;display:grid}.brand-mark{letter-spacing:-.08em;color:#fff;background:linear-gradient(135deg,var(--pink),var(--violet) 48%,var(--cyan));border-radius:31px;place-items:center;width:112px;height:112px;font-size:68px;font-weight:950;display:grid;box-shadow:0 22px 58px #ff4fd852}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.hero h1{letter-spacing:-.07em;max-width:900px;margin:10px 0;font-size:clamp(38px,7vw,78px);line-height:.88}.hero p{max-width:760px;color:var(--muted);font-size:18px;line-height:1.55}.hero-badges{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.hero-badges span,.sheet-link{border:1px solid var(--line);color:#fff;background:#ffffff12;border-radius:999px;align-items:center;gap:8px;padding:10px 13px;text-decoration:none;display:inline-flex}.dashboard{grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0;display:grid}.dashboard div{border:1px solid var(--line);background:#101120c7;border-radius:22px;padding:19px}.dashboard strong{letter-spacing:-.04em;font-size:35px;display:block}.dashboard span{color:var(--muted);font-size:13px}.toolbar{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#07070ff5,#07070fc7);align-items:center;gap:12px;padding:14px 0;display:flex;position:sticky;top:0}.search{border:1px solid var(--line);background:#ffffff14;border-radius:18px;flex:1;align-items:center;gap:9px;padding:0 14px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:none;width:100%;height:48px}select{border:1px solid var(--line);color:#fff;background:#111225;border-radius:18px;height:48px;padding:0 14px}.list{gap:14px;display:grid}.email-card{border:1px solid var(--line);background:linear-gradient(#141527ed,#0c0d1aeb);border-radius:26px;overflow:hidden;box-shadow:0 18px 50px #0000003d}.card-top{justify-content:space-between;gap:18px;padding:22px;display:flex}.card-top h2{letter-spacing:-.035em;margin:5px 0;font-size:26px}.recipient{color:var(--muted);margin:0}.card-actions{align-items:flex-start;gap:10px;display:flex}.status-pill{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}.status-pill.good{color:var(--lime);background:#a8ff6d1f}.status-pill.mid{color:var(--cyan);background:#6df7ff1a}.status-pill.hold{color:var(--amber);background:#ffd36d1f}.ghost,.primary{cursor:pointer;color:#fff;border:0;border-radius:999px}.ghost{border:1px solid var(--line);background:#ffffff17;padding:9px 13px}.primary{background:linear-gradient(135deg,var(--pink),var(--violet));padding:12px 18px;font-weight:900;box-shadow:0 16px 36px #ff4fd840}.primary:disabled{opacity:.6}.card-body{border-top:1px solid var(--line);padding:0 22px 22px}.draft-panel{border:1px solid var(--line);background:#090a14;border-radius:20px;margin-top:20px;overflow:hidden}.subject-line{border-bottom:1px solid var(--line);padding:14px 16px;font-weight:800}.subject-line span{color:var(--pink);text-transform:uppercase;letter-spacing:.12em;margin-right:10px;font-size:12px}pre{white-space:pre-wrap;color:#f2efff;margin:0;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.55}.context-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0;display:grid}.context-grid div{border:1px solid var(--line);background:#ffffff0b;border-radius:18px;padding:14px}.context-grid strong{color:#fff;font-size:13px}.context-grid p{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.45}.review-form{background:linear-gradient(135deg,#ff4fd814,#6df7ff0d);border:1px solid #ff4fd838;border-radius:22px;gap:13px;padding:17px;display:grid}.review-head{align-items:center;gap:9px;display:flex}.review-head span{color:var(--muted);font-size:13px}label{color:#fff;gap:7px;font-weight:750;display:grid}input,textarea{border:1px solid var(--line);color:#fff;background:#07070fb8;border-radius:14px;outline:none;width:100%;padding:12px}textarea{resize:vertical;min-height:84px}.score-grid{grid-template-columns:repeat(10,1fr);gap:6px;display:grid}.score-btn{border:1px solid var(--line);color:#fff;cursor:pointer;background:#ffffff0f;border-radius:13px;height:42px;font-weight:900}.score-btn.active{background:linear-gradient(135deg,var(--cyan),var(--pink));color:#07070f}.submit-row{align-items:center;gap:12px;display:flex}.form-msg{color:var(--muted)}.form-msg.saved{color:var(--lime)}.form-msg.error{color:var(--red)}@media (width<=850px){.hero{grid-template-columns:1fr}.dashboard,.context-grid{grid-template-columns:1fr 1fr}.toolbar{flex-direction:column;align-items:stretch;position:static}.card-top{flex-direction:column}.card-actions{justify-content:space-between}.score-grid{grid-template-columns:repeat(5,1fr)}}@media (width<=560px){main{padding:16px 10px 50px}.hero{border-radius:24px;padding:20px}.brand-mark{width:82px;height:82px;font-size:50px}.dashboard,.context-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.card-top,.card-body{padding-left:15px;padding-right:15px}.card-actions{flex-direction:column}.status-pill{white-space:normal}.score-grid{grid-template-columns:repeat(5,1fr)}}