:root{--bg:#07111f;--panel:#0d1a2b;--panel2:#102239;--panel3:#0a1727;--line:#223a59;--text:#f7fbff;--muted:#94a9bf;--purple:#7c5cff;--green:#18d3a4;--red:#ff607c;--amber:#ffb84d;--blue:#4aa8ff;--cyan:#31d7ff;--shadow:0 22px 60px rgba(0,0,0,.34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 0 0,rgba(124,92,255,.16),transparent 32%),radial-gradient(circle at 100% 0,rgba(24,211,164,.1),transparent 28%),var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid rgba(255,255,255,.06);background:#07111fdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.logo{display:flex;align-items:center;gap:11px;font-weight:900}.logoMark{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--purple),#a06cff 55%,var(--green));display:grid;place-items:center;box-shadow:0 9px 28px #7c5cff59}.muted{color:var(--muted)}.nav{display:grid;gap:7px;margin-top:24px}.nav button{border:0;background:transparent;color:#abc0d5;padding:12px 13px;border-radius:13px;text-align:left;font-weight:800}.nav button.active,.nav button:hover{background:linear-gradient(90deg,#7c5cff33,#18d3a40d);color:#fff}.sideBottom{position:absolute;bottom:18px;left:16px;right:16px;display:grid;gap:8px}.rateBox{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel3);font-size:12px}.main{padding:26px 28px 50px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.top h1{margin:0;font-size:28px}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:0;border-radius:12px;padding:10px 14px;font-weight:850;background:#1b2c46;color:#fff}.btn.primary{background:linear-gradient(135deg,var(--purple),#6450df)}.btn.green{background:linear-gradient(135deg,#0ba37f,#0c7e69)}.btn.red{background:linear-gradient(135deg,#c33c5c,#8f2944)}.btn.ghost{background:transparent;border:1px solid var(--line);color:#dce9f6}.btn.amber{background:linear-gradient(135deg,#b26b00,#805000)}.btn.blue{background:linear-gradient(135deg,#268adf,#1766b4)}.btn.sm{font-size:12px;padding:7px 10px;border-radius:9px}.btn:disabled{opacity:.45;cursor:not-allowed}.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:18px}.kpi,.card,.box{border:1px solid var(--line);background:linear-gradient(180deg,#102139,#0a1829);border-radius:18px;box-shadow:0 8px 28px #00000026}.kpi{padding:16px}.kpi small{color:var(--muted);font-weight:800}.kpi strong{display:block;font-size:22px;margin-top:7px}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:15px 0;flex-wrap:wrap}.toolbar h2,.toolbar h3{margin:0}input,select,textarea{width:100%;border:1px solid var(--line);background:#091727;color:#fff;border-radius:12px;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#7268ff;box-shadow:0 0 0 3px #7c5cff1f}.search{max-width:340px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{padding:16px;position:relative;overflow:hidden}.card:after{content:"";position:absolute;width:145px;height:145px;border-radius:50%;right:-70px;top:-80px;background:#7c5cff1a}.cardHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;position:relative;z-index:1}.card h3{margin:0 0 4px}.meta{font-size:12px;color:var(--muted);line-height:1.6}.badge{font-size:11px;border:1px solid #2e4a69;background:#122944;color:#c6d8ea;border-radius:999px;padding:5px 8px;white-space:nowrap}.badge.green{color:#75efc6;border-color:#18d3a44d;background:#18d3a414}.badge.red{color:#ff9eb0;border-color:#ff607c4d;background:#ff607c14}.badge.amber{color:#ffd08c;border-color:#ffb84d4d;background:#ffb84d14}.badge.blue{color:#9dd4ff;border-color:#4aa8ff4d;background:#4aa8ff14}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;position:relative;z-index:1}.metric{padding:9px;background:#07111f99;border:1px solid rgba(255,255,255,.055);border-radius:11px}.metric span{display:block;color:var(--muted);font-size:10px}.metric b{display:block;margin-top:3px;font-size:13px}.bar{height:7px;border-radius:99px;background:#172940;overflow:hidden;margin-top:11px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--green))}.cardActions{display:flex;gap:7px;margin-top:13px;position:relative;z-index:2;flex-wrap:wrap}.section{display:none}.section.active{display:block}.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;min-width:960px;background:#0b192b}th,td{padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.055);text-align:left;font-size:12px}th{background:#102039;color:#9eb2c8}tr:hover td{background:#ffffff04}.modal{position:fixed;inset:0;z-index:100;background:#02070ec7;display:grid;place-items:center;padding:18px}.modalBox{width:min(1040px,100%);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.modalBox.small{max-width:560px}.modalHead,.modalFoot{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.modalHead{border-bottom:1px solid var(--line)}.modalFoot{border-top:1px solid var(--line);justify-content:flex-end}.modalBody{padding:18px}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:7px}.field label{font-size:11px;color:#aac0d6;font-weight:850;text-transform:uppercase;letter-spacing:.3px}.full{grid-column:1/-1}.detailKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.notice{padding:11px 13px;border:1px solid rgba(74,168,255,.28);background:#4aa8ff14;border-radius:12px;color:#c6e1ff;font-size:12px;line-height:1.55}.notice.green{border-color:#18d3a447;background:#18d3a412;color:#b8ffe8}.notice.amber{border-color:#ffb84d4d;background:#ffb84d12;color:#ffe0ae}.tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);padding:0 18px;overflow:auto}.tabs button{background:transparent;border:0;color:#93a9c0;font-weight:850;padding:12px 2px;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.active{color:#fff;border-bottom-color:var(--purple)}.pane{display:none}.pane.active{display:block}.entry{display:grid;grid-template-columns:120px 1fr auto;gap:11px;align-items:center;border:1px solid var(--line);background:var(--panel3);border-radius:12px;padding:11px;margin-bottom:8px}.shareLine{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);background:#081522;border-radius:12px;margin-top:8px}.shareLine input{border:0;background:transparent;padding:3px;min-width:0}.empty{text-align:center;padding:35px;color:var(--muted)}.readonly{max-width:1360px;margin:auto;padding:28px}.readHead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.toast{position:fixed;right:18px;bottom:18px;z-index:200;background:#10223a;border:1px solid var(--line);padding:11px 13px;border-radius:12px;box-shadow:var(--shadow)}.credGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.credBox{padding:12px;border:1px solid var(--line);background:#081522;border-radius:13px}.credBox span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800;margin-bottom:5px}.credValue{display:flex;gap:8px;align-items:center}.credValue code{flex:1;overflow:auto;color:#fff;font-size:13px}.qrGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.qrItem{border:1px solid var(--line);background:#081522;border-radius:14px;padding:9px}.qrItem img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:10px;display:block}.qrItem .qrName{font-size:11px;color:#cbd8e6;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qrActions{display:flex;gap:6px;margin-top:7px}.modeStrip{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.modePill{font-size:11px;font-weight:900;padding:6px 9px;border-radius:999px;border:1px solid var(--line)}.modePill.deposit{color:#bce9ff;background:#31d7ff12;border-color:#31d7ff38}.modePill.commission{color:#d9cdff;background:#7c5cff14;border-color:#7c5cff3d}.depositHero{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:stretch}.depositPanel{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#102239,#081522)}.depositAmount{font-size:34px;font-weight:950;letter-spacing:-1px;margin:5px 0}.depositQR{display:grid;place-items:center;min-height:310px}.depositQR img{width:min(270px,80vw);aspect-ratio:1/1;background:#fff;border-radius:18px;padding:10px}.addressBox{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;padding:12px;border:1px dashed #35567b;border-radius:12px;background:#071320}.statusDot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--amber)}.statusDot.confirmed{background:var(--green)}.statusDot.failed{background:var(--red)}.loginGate{min-height:100vh;display:grid;place-items:center;padding:24px;background:#06111d}.loginCard{width:min(440px,100%);background:#081522;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 24px 70px #00000061}.loginCard h1{margin:12px 0 6px}.loginCard .field{margin:12px 0}.securityNote{font-size:11px;color:var(--muted);line-height:1.5;margin-top:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auditLine{font-size:11px;color:var(--muted);margin-top:4px}@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.grid,.detailKpis{grid-template-columns:repeat(2,1fr)}.depositHero{grid-template-columns:1fr}}@media(max-width:760px){.shell{display:block}.side{height:auto;position:static;border-right:0;border-bottom:1px solid var(--line)}.nav{grid-template-columns:repeat(4,1fr);overflow:auto}.nav button{text-align:center;font-size:11px}.sideBottom{position:static;margin-top:14px}.main{padding:17px}.kpis,.grid,.form,.split{grid-template-columns:1fr}.full{grid-column:auto}.top,.readHead{align-items:flex-start;flex-direction:column}.detailKpis{grid-template-columns:1fr 1fr}.qrGrid{grid-template-columns:repeat(2,1fr)}.credGrid{grid-template-columns:1fr}.entry{grid-template-columns:95px 1fr}.entry>div:last-child{grid-column:1/-1}}
