:root{--bg:#081018;--panel:#101b26;--panel2:#152331;--text:#edf6ff;--muted:#91a5b8;--accent:#c6ff32;--accent2:#52d2ff;--danger:#ff627d;--warn:#ffcc66;--ok:#55e69b;--border:#253749;--shadow:0 18px 45px rgba(0,0,0,.25)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(140deg,#071019,#0a1620 45%,#08141a);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}
.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{padding:24px 16px;background:#09131d;border-right:1px solid var(--border);position:sticky;top:0;height:100vh}.brand{font-weight:900;font-size:22px;display:flex;gap:10px;align-items:center;margin:0 8px 26px}.brand b{color:var(--accent)}.nav a{display:flex;padding:12px 14px;border-radius:12px;color:var(--muted);margin:5px 0;gap:9px}.nav a:hover,.nav a.active{background:var(--panel2);color:var(--text)}
.main{padding:28px;max-width:1500px;width:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.topbar h1{font-size:28px;margin:0}.balance-pill{background:linear-gradient(120deg,var(--accent),#e8ff85);color:#101700;font-weight:900;padding:10px 16px;border-radius:999px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{background:linear-gradient(180deg,rgba(20,36,50,.96),rgba(13,25,36,.96));border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.metric .n{font-size:28px;font-weight:900}.metric .l{color:var(--muted);margin-top:5px}
.btn{border:0;border-radius:12px;padding:11px 16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn-primary{background:var(--accent);color:#0a1300}.btn-secondary{background:#203244;color:var(--text)}.btn-danger{background:#522431;color:#ffdfe6}.btn-outline{border:1px solid var(--border);background:transparent;color:var(--text)}.btn:disabled{opacity:.55;cursor:not-allowed}
input,select,textarea{width:100%;background:#0a151f;border:1px solid var(--border);color:var(--text);border-radius:12px;padding:12px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent2)}label{display:block;font-size:13px;color:var(--muted);font-weight:700;margin-bottom:6px}.field{margin-bottom:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:12px 13px;border-bottom:1px solid var(--border);text-align:left}th{font-size:12px;text-transform:uppercase;color:var(--muted);background:#0c1823}td{font-size:14px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#26384b}.badge.ok{background:#153b2d;color:#7af2b6}.badge.warn{background:#463719;color:#ffd889}.badge.danger{background:#46202b;color:#ff9bb0}.muted{color:var(--muted)}.amount{font-variant-numeric:tabular-nums;font-weight:800}.notice{padding:12px 14px;border-radius:12px;border:1px solid var(--border);margin-bottom:14px}.notice.success{background:#113427}.notice.error{background:#3c1922}.notice.info{background:#102b3e}
.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(460px,100%);background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.auth-card h1{margin-top:0}.hero-card{background:radial-gradient(circle at 90% 10%,rgba(198,255,50,.22),transparent 32%),linear-gradient(140deg,#18293a,#0e1d29)}
.card-visual{aspect-ratio:1.65;border-radius:18px;padding:20px;background:linear-gradient(135deg,#202a39,#0f1720);border:1px solid #3a4655;display:flex;flex-direction:column;justify-content:space-between;max-width:420px}.card-pan{font-size:18px;letter-spacing:2px}.actions{display:flex;gap:10px;flex-wrap:wrap}.mobile-top{display:none}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#07111a;border:1px solid var(--border);padding:10px;border-radius:10px;overflow:auto}
@media(max-width:1000px){.span-3{grid-column:span 6}.span-4,.span-5,.span-7,.span-8{grid-column:span 12}.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:18px}.mobile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.form-row{grid-template-columns:1fr}.topbar h1{font-size:23px}}
@media(max-width:600px){.span-3,.span-6{grid-column:span 12}.main{padding:14px}.card{padding:16px;border-radius:16px}.topbar{align-items:flex-start}.balance-pill{font-size:13px;padding:8px 12px}.actions .btn{flex:1}.auth-card{padding:20px}.grid{gap:12px}}
.sidebar-head{display:flex;align-items:flex-start;justify-content:space-between}.drawer-close,.drawer-backdrop{display:none}.mobile-brand{display:flex;align-items:center;gap:8px}.mobile-brand b{color:var(--accent)}.top-subtitle{color:var(--muted);font-size:13px;margin-top:5px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-head h3{margin-top:0}.inline-form{display:flex;align-items:center;gap:8px}.inline-form.wide select{min-width:250px}.empty-state{padding:24px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:14px}.wallet-big{font-size:34px;font-weight:900;margin:20px 0}.wallet-big small{font-size:13px;color:var(--muted);font-weight:700}.kv{display:grid;grid-template-columns:minmax(120px,.7fr) 1fr;gap:9px 14px}.kv span{color:var(--muted);font-size:13px}.kv b{overflow-wrap:anywhere}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-metrics div{padding:16px;border-radius:14px;background:#0b1721;border:1px solid var(--border)}.mini-metrics b{display:block;font-size:22px}.mini-metrics span{display:block;color:var(--muted);font-size:12px;margin-top:5px}
@media(max-width:1000px){body.drawer-open{overflow:hidden}.sidebar{display:block;position:fixed;left:0;top:0;bottom:0;width:min(310px,86vw);height:100dvh;z-index:50;transform:translateX(-105%);transition:transform .2s ease;box-shadow:20px 0 60px rgba(0,0,0,.45)}body.drawer-open .sidebar{transform:translateX(0)}.drawer-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:#0d1a25;color:var(--text);font-size:22px}.drawer-backdrop{position:fixed;inset:0;z-index:40;border:0;background:rgba(0,0,0,.62)}body.drawer-open .drawer-backdrop{display:block}.inline-form.wide{min-width:500px}}
@media(max-width:600px){.section-head{flex-direction:column}.mini-metrics{grid-template-columns:1fr 1fr}.kv{grid-template-columns:1fr}.kv b{margin-bottom:5px}.inline-form{align-items:stretch;flex-direction:column}.inline-form .btn{width:100%}.menu-btn{padding:9px 12px}}
.payment-code{display:inline-block;font-size:24px;letter-spacing:.18em;color:var(--accent);margin:4px 0}