:root{--bg:#0b0d12;--bg-2:#0f1219;--surface:#151923;--surf-2:#1b2130;--line:#262d3d;--ink:#eef1f7;--muted:#9aa4b8;--muted-2:#6b7488;--gold:#f0b90b;--gold-soft:#f0b90b1f;--accent:#ff6a1a;--grad:linear-gradient(135deg, #f0b90b 0%, #ff6a1a 100%);--success:#29d391;--success-bg:#29d3911f;--warning:#f5b544;--warning-bg:#f5b5441f;--error:#ff5c6c;--error-bg:#ff5c6c1f;--info:#4d8bff;--info-bg:#4d8bff1f;--radius:14px;--radius-sm:9px;--radius-lg:20px;--shadow:0 10px 30px #00000059;--shadow-gold:0 8px 30px #f0b90b2e;--sans:"Space Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 80% -10%, #f0b90b0f, transparent 60%), var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.mono{font-family:var(--mono)}.muted{color:var(--muted)}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:600}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:transform 80ms,filter .15s,background .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad);color:#1a1300;box-shadow:var(--shadow-gold)}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-ghost{background:var(--surf-2);color:var(--ink);border-color:var(--line)}.btn-ghost:hover:not(:disabled){background:#232b3d}.btn-block{width:100%}.field{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.field label{color:var(--muted);font-size:13px;font-weight:500}.input{border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--line);width:100%;color:var(--ink);outline:none;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.input::placeholder{color:var(--muted-2)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card-title{align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.chip{font-size:12px;font-weight:600;font-family:var(--mono);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.chip-gold{background:var(--gold-soft);color:var(--gold)}.chip-success{background:var(--success-bg);color:var(--success)}.chip-warning{background:var(--warning-bg);color:var(--warning)}.chip-error{background:var(--error-bg);color:var(--error)}.chip-info{background:var(--info-bg);color:var(--info)}.chip-neutral{background:var(--surf-2);color:var(--muted)}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.tile{background:var(--surf-2);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.tile .k{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.tile .v{font-size:22px;font-weight:600;font-family:var(--mono);margin-top:6px}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);padding:10px 12px;font-size:12px;font-weight:500}.table td{border-bottom:1px solid var(--line);padding:13px 12px}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--bg-2)}.stepper{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.step{color:var(--muted-2);align-items:center;gap:6px;font-size:12px;display:flex}.step .dot{background:var(--line);border-radius:999px;width:9px;height:9px}.step.done .dot{background:var(--success)}.step.active .dot{background:var(--gold);box-shadow:0 0 0 4px var(--gold-soft)}.step.done,.step.active{color:var(--ink)}.step .bar{background:var(--line);width:22px;height:2px}.empty{text-align:center;color:var(--muted);padding:40px 20px}.spinner{border:2px solid var(--line);border-top-color:var(--gold);border-radius:999px;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center{place-items:center;min-height:60vh;display:grid}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-2);border-right:1px solid var(--line);flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:6px 10px 20px;display:flex}.brand .logo{background:var(--grad);width:34px;height:34px;box-shadow:var(--shadow-gold);border-radius:10px;place-items:center;font-size:18px;display:grid}.brand .name{font-size:15px;font-weight:700;line-height:1.1}.brand .name small{color:var(--muted);font-size:11px;font-weight:500;display:block}.nav{flex-direction:column;flex:1;gap:3px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--muted);align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--surface);color:var(--ink)}.nav-item.active{background:var(--gold-soft);color:var(--gold)}.user-card{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:10px;padding-top:14px;display:flex}.avatar{background:var(--surf-2);border:1px solid var(--line);width:36px;height:36px;color:var(--gold);border-radius:999px;place-items:center;font-weight:600;display:grid}.user-card .meta{flex:1;min-width:0}.user-card .meta .n{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-card .meta .r{color:var(--muted);font-size:11px}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px}.icon-btn:hover{background:var(--surface);color:var(--ink)}.main{width:100%;max-width:1100px;padding:26px 30px}.page-head{margin-bottom:22px}.page-head h1{font-size:24px}.page-head p{color:var(--muted);margin:6px 0 0;font-size:14px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stack{flex-direction:column;gap:16px;display:flex}.row{align-items:center;gap:12px;display:flex}.spread{justify-content:space-between;align-items:center;display:flex}.login{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login-hero{background:radial-gradient(800px 500px at 20% 10%, #ff6a1a24, transparent 55%), var(--bg-2);border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:56px;display:flex}.login-hero h2{max-width:460px;font-size:38px;line-height:1.1}.login-hero .lead{color:var(--muted);max-width:420px;margin-top:16px;font-size:16px}.levels{flex-direction:column;gap:12px;max-width:380px;margin-top:36px;display:flex}.level{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:14px;padding:14px 16px;display:flex}.level .lvl{font-family:var(--mono);color:var(--gold);font-weight:700}.login-form-wrap{place-items:center;padding:40px;display:grid}.login-form{width:100%;max-width:360px}.login-form h3{margin-bottom:4px;font-size:22px}.login-form .sub{color:var(--muted);margin-bottom:26px;font-size:14px}.alert-error{background:var(--error-bg);color:var(--error);border-radius:var(--radius-sm);border:1px solid #ff5c6c4d;margin-bottom:14px;padding:10px 12px;font-size:13px}.saldo-hero{background:radial-gradient(600px 240px at 90% -30%, #f0b90b29, transparent 60%), var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px}.saldo-hero .lbl{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.saldo-hero .amount{font-size:46px;font-weight:700;font-family:var(--mono);letter-spacing:-.02em;background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:8px 0 18px}.live-dot{background:var(--success);border-radius:999px;width:8px;height:8px;animation:1.8s infinite pulse;box-shadow:0 0 #29d39199}@keyframes pulse{0%{box-shadow:0 0 #29d39180}70%{box-shadow:0 0 0 8px #29d39100}to{box-shadow:0 0 #29d39100}}.feed{flex-direction:column;gap:10px;display:flex}.feed-item{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px;animation:.35s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.feed-item .plus{font-family:var(--mono);color:var(--success);margin-left:auto;font-weight:700}.ring-wrap{align-items:center;gap:18px;display:flex}.ring{--pct:0;background:conic-gradient(var(--gold) calc(var(--pct) * 1%), var(--line) 0);border-radius:999px;flex-shrink:0;place-items:center;width:96px;height:96px;display:grid}.ring .inner{background:var(--surface);width:74px;height:74px;font-family:var(--mono);border-radius:999px;place-items:center;font-size:18px;font-weight:700;display:grid}.copy-box{background:var(--bg-2);border:1px dashed var(--line);border-radius:var(--radius-sm);font-family:var(--mono);color:var(--gold);align-items:center;gap:10px;padding:12px 14px;font-size:16px;display:flex}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;height:auto;position:static;overflow-x:auto}.nav{flex-direction:row}.user-card,.brand{display:none}.login,.grid-2{grid-template-columns:1fr}}