*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px/1.55 Inter,system-ui,Arial;background:var(--bg);color:var(--text);transition:.25s}.app{min-height:100vh;background:radial-gradient(circle at 10% 0,var(--glow),transparent 32%)}:root{--r:18px;--shadow:0 20px 50px #0002}body[data-theme=midnight]{--bg:#070910;--card:#111522;--text:#eef2ff;--muted:#8f98ae;--accent:#62f5c8;--line:#222a3d;--glow:#132f31}body[data-theme=aurora]{--bg:#08111a;--card:#0d1d26;--text:#f5ffff;--muted:#99b5be;--accent:#62e9ff;--line:#183746;--glow:#123e50}body[data-theme=snow]{--bg:#f4f7fb;--card:#fff;--text:#11182a;--muted:#64708a;--accent:#4c69ff;--line:#e2e8f2;--glow:#d9e6ff}body[data-theme=graphite]{--bg:#141414;--card:#202020;--text:#f5f5f5;--muted:#aaa;--accent:#d6ff4b;--line:#333;--glow:#2b3317}body[data-theme=ocean]{--bg:#061827;--card:#0c2638;--text:#edfaff;--muted:#8fb4c9;--accent:#40bfff;--line:#173c55;--glow:#083d5e}body[data-theme=forest]{--bg:#09150f;--card:#10251a;--text:#f0fff6;--muted:#90b29d;--accent:#7bf7a5;--line:#21462f;--glow:#124627}body[data-theme=sunset]{--bg:#1a0d14;--card:#2b1521;--text:#fff2f7;--muted:#c49aa9;--accent:#ff8f70;--line:#4b2736;--glow:#5c1d2d}body[data-theme=royal]{--bg:#0c0c25;--card:#17173c;--text:#f4f1ff;--muted:#aaa2d0;--accent:#a98bff;--line:#313064;--glow:#24145a}body[data-theme=sand]{--bg:#f5efe5;--card:#fffaf0;--text:#30291f;--muted:#7f7465;--accent:#c77b24;--line:#e7d8c5;--glow:#f0d2a7}body[data-theme=neon]{--bg:#050505;--card:#101010;--text:#fafafa;--muted:#9b9b9b;--accent:#00ff88;--line:#24382e;--glow:#003b23}header{position:sticky;top:0;z-index:30;height:72px;display:flex;align-items:center;gap:28px;padding:0 max(20px,calc((100% - 1220px)/2));background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.brand span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:#07100d;font-weight:900}.brand b{font-size:18px}nav{display:flex;gap:20px}nav a,aside a{color:var(--muted);text-decoration:none}.actions{margin-left:auto;display:flex;gap:10px;align-items:center}select,input,textarea,button{font:inherit}.btn,button{border:0;border-radius:12px;padding:11px 16px;background:var(--accent);color:#07100d;text-decoration:none;font-weight:800;cursor:pointer}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}main{max-width:1220px;margin:auto;padding:34px 20px}.hero{padding:58px 0 32px;display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.hero h1{font-size:clamp(38px,6vw,76px);line-height:.98;margin:12px 0}.hero p{font-size:18px;color:var(--muted);max-width:650px}.glass,.card{background:color-mix(in srgb,var(--card) 92%,transparent);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.hero-panel{padding:18px;transform:perspective(800px) rotateY(-3deg)}.metric{display:flex;justify-content:space-between;padding:13px;border-bottom:1px solid var(--line)}.metric:last-child{border:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{padding:18px;transition:.2s}.card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.muted{color:var(--muted)}.price{font-size:24px;font-weight:900}.up{color:#2ddf90}.down{color:#ff6173}.section-title{display:flex;justify-content:space-between;align-items:end;margin:30px 0 14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{padding:22px}.feature i{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--accent) 18%,transparent);font-style:normal;font-size:20px}.form-card{max-width:520px;margin:40px auto;padding:24px}.form-row{display:grid;gap:7px;margin:13px 0}.form-row input,.form-row select,.form-row textarea{width:100%;padding:13px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.alert{padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,var(--card));border:1px solid var(--line);margin:12px 0}.dashboard-top{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:18px}.stat b{font-size:24px;display:block}.chart{height:240px;padding:18px;position:relative;overflow:hidden}.chart svg{width:100%;height:100%}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--card)}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}footer{max-width:1220px;margin:auto;padding:30px 20px 50px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}.admin-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.admin-shell aside{background:var(--card);border-right:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:14px}.admin-shell aside .brand{margin-bottom:18px}.admin-main{max-width:none;margin:0;padding:26px}.badge{display:inline-flex;padding:4px 9px;border-radius:999px;border:1px solid var(--line);font-size:12px}.tradebox{display:grid;grid-template-columns:1fr 1fr;gap:12px}.buy{background:#2ddf90}.sell{background:#ff6173;color:white}@media(max-width:820px){nav{display:none}.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.dashboard-top{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:1fr}.admin-shell aside{position:relative;flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.admin-main{padding:18px}.hero-panel{transform:none}footer{flex-direction:column}}@media(max-width:460px){header{padding:0 12px}.brand b{display:none}.actions select{max-width:100px}.grid{grid-template-columns:1fr 1fr;gap:9px}.card{padding:13px}.price{font-size:18px}.hero{padding-top:35px}.hero h1{font-size:44px}.dashboard-top{grid-template-columns:1fr 1fr}.tradebox{grid-template-columns:1fr}}
