*{box-sizing:border-box;margin:0;padding:0}:root{--base:#ECEAE6;--base-light:#F4F2EE;--base-dark:#E2DFD9;--shadow-light:#FFFFFF;--shadow-dark:#C9C6C0;--ink:#0A0A0A;--ink-soft:#3A3A38;--muted:#6B6864;--accent:#C9A961;--accent-dark:#007BB3;--accent-soft:#E8F6FC;--success:#22C55E;--warn:#F59E0B}body,html{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:var(--base);color:var(--ink);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:SF Mono,Menlo,monospace;font-size:12px;background:rgba(0,0,0,.05);padding:2px 6px;border-radius:4px}.neo{border-radius:20px;box-shadow:8px 8px 20px var(--shadow-dark),-8px -8px 20px var(--shadow-light)}.neo,.neo-sm{background:var(--base)}.neo-sm{border-radius:14px;box-shadow:4px 4px 10px var(--shadow-dark),-4px -4px 10px var(--shadow-light)}.neo-inset{background:var(--base);border-radius:20px;box-shadow:inset 6px 6px 14px var(--shadow-dark),inset -6px -6px 14px var(--shadow-light)}.neo-inset-sm{background:var(--base);border-radius:12px;box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.neo-btn{background:var(--base);border:none;border-radius:999px;padding:14px 28px;font-weight:700;font-size:14px;color:var(--ink);cursor:pointer;box-shadow:5px 5px 12px var(--shadow-dark),-5px -5px 12px var(--shadow-light);transition:all .12s ease}.neo-btn:hover{transform:translateY(-1px)}.neo-btn:active{box-shadow:inset 3px 3px 8px var(--shadow-dark),inset -3px -3px 8px var(--shadow-light);transform:translateY(0)}.neo-btn-accent{background:var(--accent);color:#fff;box-shadow:5px 5px 16px rgba(0,150,216,.35),-4px -4px 10px rgba(255,255,255,.8)}.neo-btn-accent:hover{background:var(--accent-dark)}.app-root{min-height:100vh;padding:40px 32px}.container{max-width:1280px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:24px}.brand-tag{display:inline-flex;align-items:center;gap:14px;padding:14px 22px;border-radius:16px;background:var(--accent);color:#fff;font-weight:900;letter-spacing:3px;font-size:12px;box-shadow:6px 6px 16px rgba(0,150,216,.35),-6px -6px 16px rgba(255,255,255,.8)}.brand-tag img{height:22px;width:auto;filter:brightness(0) invert(1)}.page-title{font-size:28px;font-weight:900;letter-spacing:-.5px}.page-sub{color:var(--muted);font-size:14px;margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:20px;gap:20px;margin-bottom:32px}@media (max-width:960px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat{padding:24px;background:var(--base);border-radius:20px;box-shadow:8px 8px 20px var(--shadow-dark),-8px -8px 20px var(--shadow-light)}.stat.accent{background:var(--ink);color:#fff;box-shadow:8px 8px 20px rgba(0,0,0,.25),-2px -2px 8px rgba(255,255,255,.6)}.stat-label{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--muted);text-transform:uppercase;margin-bottom:12px}.stat.accent .stat-label{color:var(--accent)}.stat-value{font-size:32px;font-weight:900;letter-spacing:-1px;line-height:1}.stat-delta{font-size:11px;color:var(--muted);margin-top:8px}.split{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:24px;gap:24px;margin-bottom:24px}@media (max-width:960px){.split{grid-template-columns:1fr}}.card{padding:28px;background:var(--base);border-radius:20px;box-shadow:8px 8px 20px var(--shadow-dark),-8px -8px 20px var(--shadow-light)}.card h2{font-size:13px;letter-spacing:2.5px;font-weight:900;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.card h2 .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:10px;vertical-align:middle}.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.tbl thead th{text-align:left;padding:10px 12px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:800;border-bottom:1px solid rgba(0,0,0,.06)}.tbl tbody td{padding:14px 12px;border-bottom:1px solid rgba(0,0,0,.04);vertical-align:middle}.tbl tbody tr:hover td{background:rgba(0,0,0,.02)}.tbl tbody tr:last-child td{border-bottom:none}.checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.checklist li{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--base);border-radius:14px;box-shadow:inset 3px 3px 7px var(--shadow-dark),inset -3px -3px 7px var(--shadow-light)}.checklist li.done{background:var(--accent-soft);box-shadow:inset 3px 3px 7px rgba(0,150,216,.15),inset -3px -3px 7px rgba(255,255,255,.9)}.check-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light)}.check-icon.ok{background:var(--accent);color:#fff}.check-icon.todo{background:var(--base);color:var(--muted)}.check-text{flex:1 1;font-size:14px;line-height:1.5}.check-text strong{display:block;font-weight:800;color:var(--ink);margin-bottom:3px}.check-text span{color:var(--muted);font-size:13px}.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700}.pill-sent{background:var(--accent-soft);color:var(--accent-dark)}.pill-open{background:#FEF3C7;color:#92400E}.pill-rec{background:#DCFCE7;color:#166534}.preview-wrap{border-radius:16px;overflow:hidden;box-shadow:inset 4px 4px 10px var(--shadow-dark),inset -4px -4px 10px var(--shadow-light);padding:8px;background:var(--base)}.preview-wrap iframe{width:100%;height:560px;border:none;border-radius:10px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08)}