:root{--bg:#0f172a;--card:#fff;--muted:#64748b;--blue:#2563eb;--line:#e5e7eb;--soft:#f8fafc}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",Arial,sans-serif;background:#f6f8fb;color:#111827}.top{height:66px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid #e8edf3;display:flex;align-items:center;justify-content:space-between;padding:0 7%;position:sticky;top:0;z-index:10}.brand{font-weight:800;font-size:22px;color:#111827;text-decoration:none;letter-spacing:-.02em}.nav a{margin-left:22px;color:#334155;text-decoration:none;font-weight:600}.btn{border:0;background:#111827;color:white;border-radius:12px;padding:11px 18px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.btn.blue{background:linear-gradient(135deg,#2563eb,#0891b2)}.btn.ghost{background:#eef2ff;color:#1e40af}.btn.red{background:#ef4444}.hero{padding:90px 7% 70px;background:radial-gradient(circle at 80% 0,#dbeafe,transparent 35%),linear-gradient(180deg,#fff,#f6f8fb)}.hero h1{font-size:54px;line-height:1.05;margin:0 0 18px;letter-spacing:-.05em}.hero p{font-size:19px;color:#475569;max-width:720px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.wrap{padding:36px 7%}.card{background:white;border:1px solid #e8edf3;border-radius:22px;padding:24px;box-shadow:0 14px 38px rgba(15,23,42,.06)}.price{font-size:34px;font-weight:900}.muted{color:#64748b}.layout{display:flex;min-height:calc(100vh - 66px)}.side{width:250px;background:#0f172a;color:white;padding:26px 18px}.side a{display:block;color:#cbd5e1;text-decoration:none;padding:12px 14px;border-radius:12px;margin:4px 0}.side a:hover,.side a.active{background:#1e293b;color:white}.main{flex:1;padding:28px}.table{width:100%;border-collapse:collapse;background:white;border-radius:18px;overflow:hidden}.table th,.table td{padding:14px;border-bottom:1px solid #eef2f7;text-align:left}.table th{background:#f8fafc;color:#475569}.form{max-width:460px;margin:60px auto}.input,select,textarea{width:100%;border:1px solid #dbe3ef;border-radius:12px;padding:12px;margin:7px 0 14px;background:white}.badge{padding:5px 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:800}.ok{background:#dcfce7;color:#166534}.bad{background:#fee2e2;color:#991b1b}.warn{background:#fef3c7;color:#92400e}.log{background:#0b1220;color:#d1e7ff;border-radius:16px;padding:18px;white-space:pre-wrap;font-family:ui-monospace,Consolas,monospace;max-height:460px;overflow:auto}.flash{background:#fff7ed;border:1px solid #fed7aa;padding:12px;border-radius:14px;margin-bottom:14px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat b{font-size:32px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}@media(max-width:900px){.grid,.cards{grid-template-columns:1fr}.layout{display:block}.side{width:100%}.hero h1{font-size:38px}}

.badge{display:inline-block;padding:8px 12px;border-radius:999px;background:rgba(56,189,248,.14);color:#7dd3fc;border:1px solid rgba(125,211,252,.25);font-weight:700;margin-bottom:16px}.plan-card{border:1px solid rgba(99,102,241,.22)}.checkout p{font-size:16px}.pay-methods{display:flex;gap:14px;margin:20px 0}.pay-methods label{padding:14px 18px;border:1px solid rgba(148,163,184,.25);border-radius:14px;background:rgba(15,23,42,.55)}

.progress{height:14px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:12px 0}.progress>div{height:100%;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:999px;transition:width .3s}.progress.small{width:160px;height:10px}.log{background:#f8fafc!important;color:#334155!important;border:1px solid #e5e7eb;border-radius:16px;padding:18px;white-space:pre-wrap;font-family:inherit!important;max-height:260px;overflow:auto}