@import "tailwindcss";

:root { color-scheme: dark; --bg:#080b12; --panel:#111722; --panel-2:#161e2c; --line:#243044; --muted:#8d9ab0; --text:#f5f7fb; --lime:#b8f34a; --cyan:#39d9e8; --violet:#9f7aea; --danger:#ff6b81; --warning:#ffc857; }
* { box-sizing:border-box; }
html { background:var(--bg); scroll-behavior:smooth; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 12% -10%,rgba(57,217,232,.12),transparent 28rem),radial-gradient(circle at 92% 5%,rgba(159,122,234,.12),transparent 30rem),var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
.shell { min-height:100vh; }
.sidebar { position:fixed; inset:0 auto auto 0; z-index:30; width:250px; height:100vh; height:100dvh; padding:24px 16px calc(96px + env(safe-area-inset-bottom)); overflow-x:hidden; overflow-y:scroll; overscroll-behavior-y:contain; scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:#34435b transparent; -webkit-overflow-scrolling:touch; background:rgba(8,11,18,.9); border-right:1px solid var(--line); backdrop-filter:blur(18px); }
.sidebar::-webkit-scrollbar { width:6px; }
.sidebar::-webkit-scrollbar-thumb { border-radius:999px; background:#34435b; }
.brand { display:flex; align-items:center; gap:11px; font-size:18px; font-weight:800; letter-spacing:-.03em; padding:0 8px 26px; }
.brand-mark { width:34px; height:34px; display:grid; place-items:center; border-radius:11px; color:#081007; background:linear-gradient(145deg,var(--lime),var(--cyan)); box-shadow:0 0 30px rgba(184,243,74,.2); }
.brand-logo { width:auto; height:38px; max-width:160px; object-fit:contain; }
.nav-group { margin:14px 0; }
.nav-label { padding:0 12px 8px; color:#5f6c80; font-size:10px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.nav-link { display:flex; align-items:center; gap:12px; padding:11px 12px; margin:3px 0; color:var(--muted); border-radius:12px; font-size:14px; transition:.2s ease; }
.nav-link:hover,.nav-link.active { color:var(--text); background:rgba(255,255,255,.06); }
.nav-link.active { box-shadow:inset 2px 0 var(--lime); }
.nav-icon { width:20px; text-align:center; }
.main { margin-left:250px; min-width:0; }
.topbar { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px clamp(20px,4vw,52px); border-bottom:1px solid rgba(36,48,68,.7); backdrop-filter:blur(14px); position:sticky; top:0; z-index:20; background:rgba(8,11,18,.72); }
.content { width:min(1440px,100%); margin:auto; padding:34px clamp(18px,4vw,52px) 60px; }
.eyebrow { color:var(--lime); font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(30px,4vw,50px); line-height:1.05; letter-spacing:-.045em; }
h2 { font-size:clamp(23px,2.6vw,34px); letter-spacing:-.035em; }
h3 { font-size:16px; }
.muted { color:var(--muted); }
.subtle { color:#647188; font-size:13px; }
.hero { min-height:calc(100vh - 76px); display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:60px; padding:80px clamp(24px,7vw,110px); overflow:hidden; }
.hero-copy h1 { max-width:820px; font-size:clamp(48px,7vw,92px); }
.gradient-text { background:linear-gradient(100deg,var(--text) 10%,var(--lime) 55%,var(--cyan)); -webkit-background-clip:text; color:transparent; }
.hero-copy p { max-width:600px; font-size:18px; line-height:1.7; }
.hero-art { position:relative; min-height:500px; display:grid; place-items:center; }
.orbit { width:min(420px,82vw); aspect-ratio:1; border:1px solid rgba(184,243,74,.24); border-radius:50%; display:grid; place-items:center; box-shadow:0 0 120px rgba(57,217,232,.1),inset 0 0 80px rgba(159,122,234,.08); animation:float 6s ease-in-out infinite; }
.orbit:before,.orbit:after { content:""; position:absolute; border-radius:50%; border:1px dashed rgba(255,255,255,.12); width:76%; height:76%; transform:rotate(22deg); }
.orbit:after { width:112%; height:42%; transform:rotate(-18deg); }
.core { width:180px; aspect-ratio:1; border-radius:48px; transform:rotate(12deg); display:grid; place-items:center; background:linear-gradient(145deg,rgba(184,243,74,.9),rgba(57,217,232,.65)); box-shadow:0 30px 100px rgba(57,217,232,.22); color:#081007; font-weight:900; font-size:54px; }
@keyframes float { 50% { transform:translateY(-14px) rotate(2deg); } }
.actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.btn { appearance:none; display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:42px; padding:0 17px; border-radius:12px; border:1px solid var(--line); color:var(--text); background:rgba(255,255,255,.04); font-size:13px; font-weight:750; transition:.2s ease; }
.btn:hover { transform:translateY(-1px); border-color:#3c4c67; background:rgba(255,255,255,.07); }
.btn-primary { border-color:transparent; color:#091006; background:linear-gradient(120deg,var(--lime),#dafa8e); box-shadow:0 10px 35px rgba(184,243,74,.14); }
.btn-danger { color:#ffdfe4; border-color:rgba(255,107,129,.35); background:rgba(255,107,129,.08); }
.btn-small { min-height:34px; padding:0 12px; font-size:12px; }
.content .card > .btn,
.content .card > form,
.content .card > .actions:last-child,
.public-section .card > .btn,
.public-section .card > form,
.public-section .card > .actions:last-child { margin-top:20px; }
.content :is(p,.metric-value,.table-wrap) + :is(.btn,.actions,form),
.public-section :is(p,.metric-value,.table-wrap) + :is(.btn,.actions,form),
.hero-copy > .actions { margin-top:24px; }
.form-grid > .field.full:last-child { margin-top:8px; }
.grid { display:grid; gap:18px; }
.grid-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.card { position:relative; overflow:hidden; padding:22px; border:1px solid rgba(36,48,68,.9); border-radius:18px; background:linear-gradient(145deg,rgba(22,30,44,.92),rgba(13,18,28,.92)); box-shadow:0 18px 55px rgba(0,0,0,.15); }
.card:after { content:""; position:absolute; width:120px; height:120px; right:-80px; top:-80px; background:var(--glow,var(--cyan)); filter:blur(45px); opacity:.1; pointer-events:none; }
.metric { min-height:132px; }
.metric-value { margin:20px 0 4px; font-size:clamp(23px,2.6vw,34px); font-weight:800; letter-spacing:-.04em; }
.balance-value { transition:.15s; }
.balances-hidden .balance-value { color:transparent!important; text-shadow:0 0 12px rgba(255,255,255,.75); user-select:none; }
.section-head { display:flex; justify-content:space-between; align-items:end; gap:18px; margin:34px 0 16px; }
.asset { display:flex; align-items:center; gap:12px; }
.asset-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; font-weight:800; color:#0b1115; background:linear-gradient(145deg,var(--lime),var(--cyan)); }
.asset-icon.violet { background:linear-gradient(145deg,#c4b5fd,var(--violet)); }
.asset-icon.gold { background:linear-gradient(145deg,#ffe29a,#ffb84d); }
.pill { display:inline-flex; align-items:center; gap:6px; padding:5px 9px; border-radius:999px; background:rgba(255,255,255,.06); color:var(--muted); font-size:11px; font-weight:700; text-transform:capitalize; }
.pill.active,.pill.completed,.pill.approved { color:var(--lime); background:rgba(184,243,74,.09); }
.pill.pending,.pill.processing,.pill.under_review { color:var(--warning); background:rgba(255,200,87,.09); }
.pill.rejected,.pill.failed { color:var(--danger); background:rgba(255,107,129,.09); }
.table-wrap { overflow:auto; border:1px solid var(--line); border-radius:16px; }
table { width:100%; border-collapse:collapse; min-width:720px; }
th,td { text-align:left; padding:14px 16px; border-bottom:1px solid rgba(36,48,68,.75); font-size:13px; }
th { color:#718096; font-size:10px; text-transform:uppercase; letter-spacing:.1em; background:rgba(255,255,255,.02); }
tr:last-child td { border:0; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.field { display:grid; gap:7px; }
.field.full { grid-column:1/-1; }
.field label { color:#a8b3c6; font-size:12px; font-weight:700; }
.input { width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--line); border-radius:11px; outline:0; color:var(--text); background:#0b1019; transition:.2s; }
.input:focus { border-color:rgba(184,243,74,.6); box-shadow:0 0 0 3px rgba(184,243,74,.08); }
.password-input { position:relative; }
.password-input .input { padding-right:66px; }
.password-input [data-password-toggle] { position:absolute; inset:50% 12px auto auto; transform:translateY(-50%); padding:5px; border:0; color:var(--muted); background:transparent; font-size:12px; font-weight:750; }
.password-input [data-password-toggle]:hover { color:var(--text); }
textarea.input { min-height:100px; resize:vertical; }
.policy-editor { min-height:240px!important; line-height:1.65; }
.policy-content { max-width:900px; line-height:1.8; }
.error-page { min-height:100vh; display:grid; place-items:center; text-align:center; }
.error-page .card { width:min(620px,100%); padding:clamp(30px,6vw,70px); }
.check { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:13px; }
.page-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:28px; }
.mining-live { padding:30px; background:radial-gradient(circle at 80% 0,rgba(184,243,74,.11),transparent 45%),linear-gradient(145deg,#151d2a,#0c111a); }
.counter { font-size:clamp(28px,4.4vw,56px); font-variant-numeric:tabular-nums; font-weight:850; letter-spacing:-.045em; margin:28px 0 10px; }
.progress { height:6px; border-radius:999px; background:#202b3d; overflow:hidden; }
.progress span { display:block; height:100%; background:linear-gradient(90deg,var(--lime),var(--cyan)); }
.empty { padding:42px 24px; text-align:center; color:var(--muted); border:1px dashed var(--line); border-radius:16px; }
.toast-stack { position:fixed; right:22px; top:88px; z-index:80; display:grid; gap:9px; width:min(360px,calc(100vw - 44px)); }
.toast { padding:13px 16px; border:1px solid var(--line); border-radius:12px; background:#17202e; box-shadow:0 18px 55px rgba(0,0,0,.3); font-size:13px; animation:toast-in .25s ease; }
.toast-success { border-left:3px solid var(--lime); } .toast-error { border-left:3px solid var(--danger); }
.toast-warning { border-left:3px solid var(--warning); }
@keyframes toast-in { from { opacity:0; transform:translateY(-8px); } }
.mobile-toggle { display:none; }
.auth-page { min-height:100vh; display:grid; place-items:center; padding:24px; }
.auth-card { width:min(440px,100%); }
.auth-card .form-grid { margin-top:24px; }
.public-nav { position:absolute; z-index:10; inset:0 0 auto; display:flex; align-items:center; justify-content:space-between; padding:24px clamp(24px,7vw,110px); }
.public-section { padding:90px clamp(24px,7vw,110px); border-top:1px solid var(--line); }
.footer { padding:30px clamp(24px,7vw,110px); color:var(--muted); border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:20px; }
.admin-accent { --lime:#69e0ff; --cyan:#9f7aea; }
.admin-editor-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:28px; align-items:start; }
.admin-form-card { overflow:visible; }
.admin-options { display:flex; flex-wrap:wrap; gap:12px 22px; padding:14px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.02); }
.admin-advanced { padding:14px; border:1px solid var(--line); border-radius:12px; }
.admin-advanced summary { cursor:pointer; color:#a8b3c6; font-size:13px; font-weight:750; }
.admin-advanced[open] summary { margin-bottom:14px; }
.admin-action-card { transition:.2s ease; }
.admin-action-card:hover { transform:translateY(-2px); border-color:#3c4c67; }
.admin-card-link { color:var(--lime); font-size:12px; font-weight:750; }
.admin-record-summary { margin:16px 0; color:var(--muted); font-size:13px; line-height:1.6; }
.admin-back-link { margin-bottom:22px; }
.admin-form-actions { flex-wrap:nowrap; justify-content:flex-end; }
.admin-form-actions .btn { min-height:38px; padding-inline:14px; }
.settings-tabs { display:flex; gap:8px; margin-bottom:24px; padding-bottom:8px; overflow-x:auto; }
.settings-tab { flex:0 0 auto; padding:10px 13px; border:1px solid var(--line); border-radius:10px; color:var(--muted); font-size:12px; font-weight:750; }
.settings-tab:hover,.settings-tab.active { color:var(--text); background:rgba(255,255,255,.07); }
.settings-tab.active { border-color:var(--lime); }
.settings-panel { margin-top:0; }
.security-card { width:min(850px,100%); }
.security-card > h2 { margin-top:18px; }
.security-setup { display:grid; grid-template-columns:250px 1fr; gap:30px; align-items:start; margin-top:24px; }
.security-qr { display:grid; place-items:center; padding:14px; border-radius:16px; background:#fff; }
.security-qr canvas { width:100%!important; height:auto!important; }
.security-steps { display:grid; gap:22px; }
.copy-field { display:flex; align-items:center; gap:10px; padding:10px 10px 10px 14px; border:1px solid var(--line); border-radius:11px; background:#0b1019; }
.copy-field code { flex:1; overflow-wrap:anywhere; }
.referral-share { background:radial-gradient(circle at 90% 0,rgba(184,243,74,.12),transparent 45%),linear-gradient(145deg,#151d2a,#0c111a); }
.referral-steps { display:grid; gap:20px; margin-top:22px; }
.referral-steps > div { display:flex; gap:14px; align-items:flex-start; }
.referral-steps > div > span { flex:0 0 32px; width:32px; height:32px; display:grid; place-items:center; border-radius:50%; color:#091006; background:var(--lime); font-size:12px; font-weight:850; }
.referral-steps p { margin:5px 0 0; }
.admin-signout { margin-left:auto; }
.admin-topbar-start { display:flex; align-items:center; gap:14px; min-width:0; }
.admin-topbar-heading { display:grid; gap:3px; }
.admin-topbar-heading strong { font-size:22px; letter-spacing:-.025em; }
.admin-topbar-heading span { color:var(--muted); font-size:12px; }
.pagination { margin-top:18px; }
.notification-count { min-width:19px; height:19px; display:grid; place-items:center; padding:0 5px; border-radius:999px; color:#081007; background:var(--lime); font-size:10px; }
@media (max-width:760px) { .security-setup { grid-template-columns:1fr; } }
@media (max-width:1100px) { .grid-4 { grid-template-columns:repeat(2,minmax(0,1fr)); } .grid-3 { grid-template-columns:repeat(2,minmax(0,1fr)); } .admin-editor-layout { grid-template-columns:1fr; } .hero { grid-template-columns:1fr; padding-top:140px; } .hero-art { min-height:400px; } }
@media (max-width:760px) { .sidebar { transform:translateX(-100%); transition:.25s; box-shadow:25px 0 70px rgba(0,0,0,.45); } .menu-open .sidebar { transform:none; } .main { margin-left:0; } .mobile-toggle { display:inline-flex; } .content { padding-top:24px; } .grid-4,.grid-3,.grid-2,.form-grid { grid-template-columns:1fr; } .field.full { grid-column:auto; } .page-head,.section-head { align-items:flex-start; flex-direction:column; } .hero { padding-inline:24px; gap:30px; } .hero-art { min-height:320px; } .orbit { width:280px; } .core { width:125px; border-radius:36px; } .public-nav { align-items:flex-start; padding:20px 24px; } .public-nav .nav-actions { justify-content:flex-end; gap:6px; } .public-nav .nav-actions .btn { padding:9px 11px; font-size:12px; } .public-nav .nav-actions a:first-child { display:none; } .public-nav .brand > span:last-child { display:none; } .public-section { padding:70px 24px; } .footer { flex-direction:column; } }