:root{--accent: #0a84ff;--accent-soft: #4aa8ff;--accent-deep: #0866cc;--bg: #07090d;--bg-2: #0c1016;--surface: #12161d;--surface-2: #171c25;--border: #232a35;--border-soft: #1b212b;--text: #eef2f7;--text-dim: #aab4c2;--text-muted: #7c8698;--green: #2fd27a;--red: #ff4d5e;--amber: #ffb020;--radius: 16px;--shadow: 0 18px 50px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 70% -10%,#10203a 0%,transparent 60%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent-soft);text-decoration:none}a:hover{color:#fff}.app{display:flex;flex-direction:column;min-height:100%}.main{flex:1}.container{width:100%;max-width:1160px;margin:0 auto;padding:0 22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;padding:12px 20px;transition:.15s;background:var(--surface-2);color:var(--text);text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-deep);color:#fff}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-dim)}.btn-ghost:hover{border-color:var(--accent);color:#fff}.btn-danger{background:#ff4d5e24;color:#ff8a95;border-color:#ff4d5e4d}.btn-danger:hover{background:#ff4d5e3d;color:#fff}.btn-sm{padding:8px 14px;font-size:13px;border-radius:10px}.btn-block{width:100%}.card{background:linear-gradient(180deg,var(--surface) 0%,var(--bg-2) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:6px;font-weight:600}.input,select.input,textarea.input{width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:11px;color:var(--text);padding:12px 14px;font-size:15px;outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0a84ff2e}.input::placeholder{color:#5c6675}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;letter-spacing:.3px}.badge-green{background:#2fd27a29;color:var(--green)}.badge-blue{background:#0a84ff29;color:var(--accent-soft)}.badge-red{background:#ff4d5e29;color:var(--red)}.badge-amber{background:#ffb02029;color:var(--amber)}.badge-muted{background:#ffffff0f;color:var(--text-muted)}.row{display:flex;gap:14px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:14px}.wrap{flex-wrap:wrap}.grid{display:grid;gap:18px}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.center{text-align:center}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:1px}.hr{height:1px;background:var(--border-soft);border:0;margin:18px 0}.error{background:#ff4d5e1f;border:1px solid rgba(255,77,94,.3);color:#ff9aa4;padding:11px 14px;border-radius:11px;font-size:14px;margin-bottom:14px}.success{background:#2fd27a1f;border:1px solid rgba(47,210,122,.3);color:#86e7b4;padding:11px 14px;border-radius:11px;font-size:14px;margin-bottom:14px}.nav{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07090dd1;border-bottom:1px solid var(--border-soft)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:19px;letter-spacing:-.3px;color:#fff}.brand-logo{display:block;border-radius:10px;object-fit:cover;box-shadow:0 6px 18px #0a84ff59}.nav-links{display:flex;align-items:center;gap:8px}.nav-links a{color:var(--text-dim);padding:8px 12px;border-radius:9px;font-weight:600;font-size:14px}.nav-links a:hover{color:#fff;background:#ffffff0d}.hero{padding:90px 0 70px}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.03;margin:0 0 18px;letter-spacing:-1.5px}.hero h1 .grad{background:linear-gradient(90deg,var(--accent-soft),#9ecbff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:19px;color:var(--text-dim);max-width:620px;margin:0 0 28px;line-height:1.6}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}.feature .ic{width:44px;height:44px;border-radius:12px;background:#0a84ff24;display:grid;place-items:center;margin-bottom:14px}.feature h3{margin:0 0 8px;font-size:18px}.feature p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.55}.narrow{max-width:460px;margin:60px auto}.page-head{margin:34px 0 22px}.page-head h1{margin:0 0 6px;font-size:30px;letter-spacing:-.6px}.page-head p{margin:0;color:var(--text-muted)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}.plan{position:relative}.plan.popular{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow)}.plan .price{font-size:40px;font-weight:900;margin:8px 0}.plan .price small{font-size:15px;color:var(--text-muted);font-weight:600}.plan ul{list-style:none;padding:0;margin:16px 0}.plan ul li{padding:7px 0;color:var(--text-dim);font-size:14px;display:flex;gap:9px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;color:var(--text-muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.4px;padding:10px 12px;border-bottom:1px solid var(--border)}.table td{padding:11px 12px;border-bottom:1px solid var(--border-soft);color:var(--text-dim)}.table tr:hover td{background:#ffffff05}.table-wrap{overflow-x:auto}.admin{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.admin-side{background:var(--bg-2);border-right:1px solid var(--border);padding:20px 14px}.admin-side .brand{margin:6px 8px 22px;font-size:17px}.admin-side nav{display:flex;flex-direction:column;gap:4px}.admin-side nav button{text-align:left;background:transparent;border:0;color:var(--text-dim);padding:11px 13px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.admin-side nav button:hover{background:#ffffff0a;color:#fff}.admin-side nav button.active{background:#0a84ff29;color:#fff}.admin-main{padding:26px 30px;overflow:auto}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat .n{font-size:30px;font-weight:900}.stat .l{color:var(--text-muted);font-size:13px;margin-top:4px}.loader{display:grid;place-items:center;padding:80px 0;color:var(--text-muted)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:60;padding:20px}.modal{width:100%;max-width:520px;max-height:88vh;overflow:auto}@media (max-width: 860px){.features,.plans,.admin{grid-template-columns:1fr}.admin-side{border-right:0;border-bottom:1px solid var(--border)}}.brand span{white-space:nowrap}@media (max-width: 560px){.nav-inner{height:60px}.brand{font-size:16px;gap:9px}.brand span{display:none}.nav-links{gap:4px}.nav-links a{padding:7px 9px;font-size:13px}.nav-links .btn-sm{padding:7px 11px;font-size:12px}.hero{padding:44px 0 40px}}