:root{--bg:#f4f7fb;--nav:#0c1729;--blue:#146cff;--blue2:#4b36f4;--text:#152033;--muted:#718096;--line:#e3e9f2;--card:#fff;--green:#10a568;--red:#ef4444}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#101c31,#091321);color:#cbd5e1;padding:22px 14px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;padding:4px 10px 24px;color:#fff}.brandmark{width:42px;height:30px;border:4px solid #1774ff;border-radius:22px;position:relative}.brandmark:after{content:"";position:absolute;width:17px;height:10px;left:9px;top:6px;background:#1774ff;border-radius:8px}.brand strong{font-size:23px;line-height:1}.brand small{display:block;font-size:15px}.nav a{display:flex;gap:13px;align-items:center;color:#d6deea;text-decoration:none;padding:11px 13px;border-radius:8px;margin:3px 0;font-size:14px}.nav a.active,.nav a:hover{background:linear-gradient(90deg,#106df8,#1c5ef0);color:white}.main{min-width:0}.topbar{height:68px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;padding:0 28px;gap:18px}.wallet{border:1px solid var(--line);border-radius:10px;padding:9px 12px;display:flex;gap:16px;align-items:center}.wallet small{display:block;color:var(--muted)}.btn{border:0;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(20,108,255,.2)}.btn-light{background:#fff;border:1px solid var(--line);color:#1367f5}.content{padding:18px}.hero{background:linear-gradient(115deg,#081b37,#153887 58%,#6546f4);color:#fff;padding:27px 28px;border-radius:11px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-65px;top:-150px;background:radial-gradient(circle,#31a8ff88 0,#8b5cf644 40%,transparent 70%)}.hero h1{font-size:30px;margin:0 0 6px}.hero p{margin:0 0 18px;color:#dbeafe}.grid{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:16px;margin-top:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat,.card{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 1px 2px rgba(20,32,51,.03)}.stat{padding:17px;display:flex;gap:14px;align-items:center}.stat .num{font-size:22px;font-weight:800}.stat .label{font-size:13px;color:var(--muted)}.card{padding:18px;margin-top:14px}.card h2,.card h3{margin:0 0 14px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;background:#f7f9fc;padding:11px;color:#4a5568}td{padding:13px 11px;border-bottom:1px solid #eef2f7}.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 9px;font-size:12px}.status.running{background:#dcfce7;color:#078444}.status.stopped{background:#fee2e2;color:#d22}.dot{width:7px;height:7px;border-radius:50%;background:currentColor}.aside .card{margin-top:0;margin-bottom:14px}.usage-row{display:grid;grid-template-columns:70px 1fr 38px;gap:8px;align-items:center;margin:12px 0;font-size:12px}.bar{height:5px;background:#e7edf5;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:#1672ff;border-radius:8px}.create-grid{display:grid;grid-template-columns:1fr 1.05fr 1.15fr;gap:14px}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.option{border:1px solid var(--line);border-radius:9px;padding:12px;cursor:pointer;background:white}.option.selected,.option:hover{border-color:#1672ff;box-shadow:0 0 0 2px #1672ff17}.option strong{display:block;font-size:13px}.option small{color:var(--muted)}.plan{display:flex;justify-content:space-between;gap:12px}.price{font-size:19px;font-weight:800}.steps{display:flex;gap:28px;align-items:center;margin-bottom:20px}.step{display:flex;gap:9px;align-items:center;font-size:12px}.bubble{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef2f7;font-weight:700}.step.active .bubble{background:#1672ff;color:white}.form-control{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;margin:5px 0 12px}.flash{padding:12px 14px;border-radius:9px;margin:0 0 14px}.flash.ok{background:#dcfce7;color:#166534}.flash.error{background:#fee2e2;color:#991b1b}.mobile-menu{display:none}@media(max-width:1000px){.app{grid-template-columns:1fr}.sidebar{display:none}.grid{grid-template-columns:1fr}.aside{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stats{grid-template-columns:repeat(2,1fr)}.create-grid{grid-template-columns:1fr}.mobile-menu{display:block;margin-right:auto}.topbar{padding:0 14px}}@media(max-width:620px){.content{padding:10px}.hero h1{font-size:23px}.stats{grid-template-columns:1fr 1fr}.aside{grid-template-columns:1fr}.wallet{display:none}.tablewrap{margin:0 -18px}.steps{overflow:auto;gap:12px}.create-grid{grid-template-columns:1fr}.option-grid{grid-template-columns:1fr 1fr}}