:root{--ink:#111827;--muted:#6b7280;--line:#e8ebf1;--bg:#f7f8fb;--primary:#635bff;--nav:#101624;--green:#0ea574;--red:#e5484d;--shadow:0 12px 32px rgba(17,24,39,.07)}
body{font-family:"DM Sans","Segoe UI",sans-serif;background:linear-gradient(145deg,#f9fafc,#f4f6fa);letter-spacing:-.01em}button{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}button:active{transform:scale(.97)}svg{width:18px;height:18px;display:block}.shell{grid-template-columns:264px 1fr}aside{width:264px;padding:24px 17px;background:linear-gradient(180deg,#111827 0%,#0d1320 100%);border-right:1px solid #ffffff0d}.brand{padding:0 9px 27px;font-size:21px}.brand-mark{border-radius:11px;background:linear-gradient(135deg,#7c73ff,#4f46d7);box-shadow:0 8px 24px #635bff55}.nav{height:43px;align-items:center;gap:12px;padding:0 13px;border:1px solid transparent}.nav i{opacity:.75}.nav:hover{background:#ffffff09}.nav.active{background:linear-gradient(90deg,#635bff2c,#635bff13);border-color:#817aff30;box-shadow:inset 3px 0 #817aff}.nav.active i{color:#9d98ff;opacity:1}.sidebar-foot{background:#ffffff08;border:1px solid #ffffff0b;border-radius:13px;padding:12px;margin-top:auto}.sidebar-foot button{display:grid;place-items:center}.sidebar-foot small{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{padding:0 34px 45px}header{height:104px}.page-heading{flex:1;margin-left:0}.eyebrow{display:block;color:#8b93a5;font-size:9px;font-weight:700;letter-spacing:.15em;margin-bottom:5px}header h2{font-size:25px;letter-spacing:-.035em}.header-actions{align-items:center}.icon-btn{width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:11px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#6c63ff,#5651df);min-height:42px;border-radius:10px}.primary:hover{box-shadow:0 9px 23px #635bff38;transform:translateY(-1px)}.balance-grid{gap:20px}.balance-card{min-height:180px;border-radius:20px;padding:28px 30px}.balance-card.usd{background:radial-gradient(circle at 85% 10%,#ffffff20,transparent 30%),linear-gradient(130deg,#4f46d7,#736cff)}.balance-card.cdf{background:radial-gradient(circle at 85% 10%,#ffffff20,transparent 30%),linear-gradient(130deg,#087b61,#16ad7d)}.balance-card strong{font-size:34px}.metric{border-radius:15px;padding:19px;border-color:#eceef3;box-shadow:0 5px 18px #11182708}.metric strong{letter-spacing:-.025em}.panel{border-radius:17px;border-color:#eaecf1;box-shadow:0 8px 28px rgba(17,24,39,.035)}.panel-head{padding:22px 24px 17px}.panel h3{font-size:16px}th{height:43px;background:#fafbfc}td{height:58px}.badge{border:1px solid #dedfff;background:#f4f3ff}.quick>button:hover{background:#fafaff;padding-left:23px}.filters{padding:7px 22px 20px}.filters input,.filters select,.form-grid input,.form-grid select,.form-grid textarea{border-color:#dfe3ea;background:#fbfcfe;min-height:43px;transition:.18s}.filters input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{background:white;border-color:#756eff;box-shadow:0 0 0 4px #635bff12}.app-modal,.confirm-modal{border:0;padding:0;background:transparent;overflow:visible}.app-modal::backdrop,.confirm-modal::backdrop{background:rgba(10,15,25,.58);backdrop-filter:blur(6px)}.app-modal{width:min(820px,calc(100vw - 28px));max-height:calc(100vh - 32px)}.app-modal .panel{box-shadow:0 35px 90px #080b1260;max-height:calc(100vh - 32px);overflow:auto}.modal-head{position:sticky;top:0;background:#fff;z-index:2;border-bottom:1px solid var(--line);justify-content:flex-start;gap:14px}.modal-symbol{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#efefff;color:var(--primary)}.modal-close{margin-left:auto;width:36px;height:36px;border:0;border-radius:9px;background:#f4f5f7;color:#667085;display:grid;place-items:center;cursor:pointer}.app-modal .form-grid{padding:22px 25px 25px;gap:19px}.app-modal .form-actions{padding-top:7px;border-top:1px solid var(--line);margin-top:5px}.confirm-modal{width:min(410px,calc(100vw - 28px));background:white;padding:30px;border-radius:19px;text-align:center;box-shadow:0 30px 80px #0005}.confirm-modal .confirm-icon{margin:0 auto 17px;width:52px;height:52px;border-radius:15px;background:#fff0f0;color:var(--red);display:grid;place-items:center}.confirm-modal .confirm-icon svg{width:23px;height:23px}.confirm-modal h3{font-size:19px;margin:0 0 8px}.confirm-modal p{font-size:13px;color:var(--muted);line-height:1.55;margin:0 0 24px}.confirm-modal .form-actions{justify-content:center}.danger{border:0;border-radius:10px;background:var(--red);color:#fff;padding:10px 18px;font-weight:700;cursor:pointer}.toast{display:flex;align-items:center;gap:10px;border:1px solid #ffffff18;min-width:240px}.toast svg{color:#67e8b4}.ajax-loader{position:fixed;top:0;left:264px;right:0;height:3px;z-index:200;opacity:0;transition:.15s}.fetching .ajax-loader{opacity:1}.ajax-loader span{display:block;height:100%;width:35%;background:linear-gradient(90deg,transparent,#746dff,transparent);animation:loading 1s infinite}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(330%)}}dialog[open]{animation:modalIn .2s ease-out}@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{width:264px}main{padding:0 18px 35px}.ajax-loader{left:0}.page-heading{margin-left:10px}}@media(max-width:560px){.app-modal{width:100%;max-height:92vh;margin:auto 0 0;border-radius:22px 22px 0 0}.app-modal .panel{max-height:92vh;border-radius:22px 22px 0 0}.app-modal .form-grid{grid-template-columns:1fr;padding:18px}.modal-head{padding:18px}.balance-card{min-height:150px}.balance-card strong{font-size:26px}.header-actions .icon-btn{display:none}}