:root{--brand-primary:#0f172a;--brand-accent:#6366f1}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#0f172a;background:#fff;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.nav{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.logo{align-items:center;gap:10px;font-size:18px;font-weight:700;display:inline-flex}.logo .badge{color:#fff;background:var(--brand-primary);letter-spacing:.5px;border-radius:9px;place-items:center;width:36px;height:36px;font-size:13px;display:grid}.hero{background:linear-gradient(135deg, var(--brand-primary), var(--brand-accent));color:#fff;border-radius:24px;margin-top:8px;padding:64px 48px}.hero h1{max-width:18ch;margin-bottom:18px;font-size:44px;line-height:1.1}.hero p{opacity:.92;max-width:56ch;margin-bottom:28px;font-size:19px}.cta{color:var(--brand-primary);background:#fff;border-radius:10px;padding:14px 28px;font-weight:600;display:inline-block}.highlights{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:48px 0;display:grid}.highlight{border:1px solid #e2e8f0;border-radius:14px;padding:22px;font-weight:500}.highlight .dot{background:var(--brand-accent);border-radius:50%;width:10px;height:10px;margin-right:10px;display:inline-block}.section{margin:64px 0}.section h2{margin-bottom:10px;font-size:30px}.section .lead{color:#475569;max-width:60ch;margin-bottom:28px}.plans{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.plan{border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;padding:28px;display:flex}.plan.featured{border:2px solid var(--brand-accent);box-shadow:0 12px 40px #6366f11f}.plan .tag{text-transform:uppercase;letter-spacing:.5px;color:var(--brand-accent);align-self:flex-start;margin-bottom:12px;font-size:12px;font-weight:600}.plan h3{margin-bottom:6px;font-size:20px}.plan .price{margin:12px 0 4px;font-size:34px;font-weight:700}.plan .price small{color:#64748b;font-size:14px;font-weight:500}.plan .desc{color:#475569;flex:1;margin-bottom:18px}.plan .trial{color:#16a34a;margin-bottom:16px;font-size:13px}.plan button{background:var(--brand-primary);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:12px;font-size:15px;font-weight:600}.plan.featured button{background:var(--brand-accent)}.signup{border:1px solid #e2e8f0;border-radius:18px;max-width:440px;padding:28px}.signup label{margin:14px 0 6px;font-size:13px;font-weight:600;display:block}.signup input,.signup select{border:1px solid #cbd5e1;border-radius:9px;width:100%;padding:11px 12px;font-size:15px}.signup button{background:var(--brand-accent);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;margin-top:20px;padding:13px;font-size:15px;font-weight:600}.signup button:disabled{opacity:.6;cursor:not-allowed}.notice{border-radius:10px;margin-top:16px;padding:12px 14px;font-size:14px}.notice.ok{color:#166534;background:#dcfce7}.notice.err{color:#991b1b;background:#fee2e2}.notice.warn{color:#92400e;background:#fef3c7}.notice.warn a{color:#92400e;font-weight:600;text-decoration:underline}.footer{color:#64748b;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:64px;padding:32px 0;font-size:14px;display:flex}.admin-shell{min-height:100vh;display:flex}.admin-side{color:#cbd5e1;background:#0f172a;flex-shrink:0;width:240px;padding:24px 16px}.admin-side .brand{color:#fff;border-bottom:1px solid #1e293b;margin-bottom:16px;padding:0 10px 20px;font-size:17px;font-weight:700}.admin-side a{color:#cbd5e1;border-radius:9px;margin-bottom:4px;padding:11px 12px;font-size:15px;display:block}.admin-side a:hover{color:#fff;background:#1e293b}.admin-side a.active{color:#fff;background:#6366f1}.admin-main{background:#f8fafc;flex:1;min-width:0;padding:32px 40px}.admin-head{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.admin-head h1{font-size:26px}.admin-head .who{color:#64748b;font-size:14px}.btn{color:#fff;cursor:pointer;background:#6366f1;border:0;border-radius:9px;padding:10px 18px;font-size:14px;font-weight:600}.btn.ghost{color:#0f172a;background:#e2e8f0}.btn.danger{background:#ef4444}.btn.sm{border-radius:7px;padding:5px 12px;font-size:12px}.btn:disabled{opacity:.6;cursor:not-allowed}.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:18px;padding:22px}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{margin-bottom:14px}.field label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field input,.field textarea,.field select{border:1px solid #cbd5e1;border-radius:9px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.field textarea{resize:vertical;min-height:80px}.row-inline{align-items:center;gap:10px;display:flex}table.list{border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;overflow:hidden}table.list th,table.list td{text-align:left;border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:14px}table.list th{text-transform:uppercase;letter-spacing:.4px;color:#64748b;background:#f8fafc;font-size:12px}table.list tr:last-child td{border-bottom:0}.pill{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.pill.green{color:#166534;background:#dcfce7}.pill.amber{color:#92400e;background:#fef3c7}.pill.slate{color:#475569;background:#e2e8f0}.pill.red{color:#991b1b;background:#fee2e2}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px;display:grid}.metric{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px}.metric-value{color:#0f172a;font-size:26px;font-weight:700}.metric-label{color:#64748b;margin-top:4px;font-size:13px}.login-wrap{background:#0f172a;place-items:center;min-height:100vh;display:grid}.login-card{background:#fff;border-radius:18px;width:380px;padding:36px}.login-card h1{margin-bottom:4px;font-size:22px}.login-card p.sub{color:#64748b;margin-bottom:22px;font-size:14px}.notfound{text-align:center;padding:120px 24px}.notfound h1{margin-bottom:10px;font-size:28px}.notfound p{color:#64748b}