:root{--primary: #0240f7;--primary-dark: #0233c5;--primary-soft: #e8eeff;--bg: #f4f6f9;--ink: #121826;--muted: #667085;--line: #e6eaf2;--card: #ffffff;--success: #067647;--success-soft: #e8f7ef;--danger: #d92d20;--danger-soft: #fef3f2;--warning: #b54708;--warning-soft: #fffaeb;--violet: #6941c6;--sidebar: #071433;--sidebar-ink: #d5def6;--shadow: 0 16px 40px rgba(7, 20, 51, .08);--radius: 18px;--sidebar-w: 272px;--topbar-h: 68px;--font: "Manrope", "Segoe UI", sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{min-height:100vh;background:var(--bg)}.backdrop{position:fixed;inset:0;border:0;background:#07143375;z-index:30}.sidebar{position:fixed;z-index:40;inset:0 auto 0 0;width:min(86vw,300px);background:var(--sidebar);color:var(--sidebar-ink);display:flex;flex-direction:column;padding:18px 14px 16px;transform:translate(-105%);transition:transform .22s ease}.shell.nav-open .sidebar{transform:none}.brand{display:flex;gap:12px;align-items:center;padding:6px 8px 18px}.mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:800;box-shadow:0 8px 18px #0240f766}.brand strong{display:block;color:#fff;font-size:16px}.brand small{color:#93a0c4}.nav-label-group{margin:8px 10px 6px;color:#7f8caf;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.nav{display:grid;gap:4px}.nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:12px;color:#c9d3ef;font-weight:600;font-size:14px}.nav a.router-link-exact-active,.nav a:hover{background:#0240f738;color:#fff}.nav svg{width:18px;height:18px;flex:none}.sidebar-foot{margin-top:auto;padding:14px 10px 4px;color:#8ea0cc;font-size:12px}.main{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;min-height:var(--topbar-h);display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.icon-btn,.profile-btn,.primary-btn,.ghost-btn{border:0;border-radius:12px;background:#fff}.icon-btn{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);color:var(--ink)}.page-title{margin:0;font-size:16px}.page-title span{display:block;color:var(--muted);font-size:12px;font-weight:600}.search{position:relative;flex:1;min-width:0}.search input,.field input,.field select,.filters input,.filters select{width:100%;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:0 12px}.search input{padding-left:38px;background:#f8f9fc}.search svg{position:absolute;left:12px;top:12px;width:18px;height:18px;color:var(--muted)}.profile{position:relative;margin-left:auto}.profile-btn{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border:1px solid var(--line)}.avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:12px;font-weight:800}.profile-copy{display:none;text-align:left}.profile-copy strong,.profile-copy small{display:block}.profile-copy small{color:var(--muted);font-weight:600}.menu{position:absolute;right:0;top:calc(100% + 8px);width:240px;background:#fff;border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--line);padding:8px}.menu p{margin:8px 10px;color:var(--muted);font-size:13px;word-break:break-all}.menu button{width:100%;text-align:left;background:transparent;border:0;border-radius:10px;padding:10px;font-weight:700;color:var(--danger)}.menu button:hover{background:var(--danger-soft)}.content{padding:16px;display:grid;gap:16px;background:radial-gradient(720px 280px at 8% -40px,rgba(2,64,247,.1),transparent 70%),var(--bg)}.kpis{display:grid;grid-template-columns:1fr;gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi{position:relative;overflow:hidden;min-height:142px;padding:16px;display:flex;flex-direction:column;border:1px solid transparent}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-badge{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none}.kpi-badge svg{width:18px;height:18px}.kpi span{font-size:12px;font-weight:800;letter-spacing:.01em}.kpi strong{display:block;margin-top:16px;font-size:22px;line-height:1.15;letter-spacing:-.045em;font-weight:800}.kpi em{display:block;margin-top:auto;padding-top:12px;font-style:normal;font-size:12px;font-weight:700}.kpi.tone-navy{background:radial-gradient(140px 90px at 100% 0%,rgba(255,255,255,.22),transparent 72%),linear-gradient(145deg,#3d74ff,#0240f7 46%,#071a4a 130%);color:#fff;box-shadow:0 18px 34px #0240f747}.kpi.tone-navy span,.kpi.tone-navy em{color:#ffffffd1}.kpi.tone-navy .kpi-badge{background:#ffffff29;color:#fff}.kpi.tone-sky{background:linear-gradient(180deg,#eef3ff,#fff 68%);border-color:#d7e2ff}.kpi.tone-sky .kpi-badge{background:#0240f7;color:#fff}.kpi.tone-sky em{color:#0240f7}.kpi.tone-mint{background:linear-gradient(180deg,#e8f8ef,#fff 68%);border-color:#c8ead6}.kpi.tone-mint .kpi-badge{background:#067647;color:#fff}.kpi.tone-mint em{color:#067647}.kpi.tone-sand{background:linear-gradient(180deg,#fff6e8,#fff 68%);border-color:#f3dfc0}.kpi.tone-sand .kpi-badge{background:#b54708;color:#fff}.kpi.tone-sand em{color:#b54708}.panel{padding:16px}.panel-head,.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.panel h2,.page-head h2{margin:0;font-size:18px}.muted{color:var(--muted);font-size:13px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips button,.tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font-weight:700;font-size:13px;color:var(--muted)}.chips button.active,.tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.chips button[data-metric=deposit].active{background:#b54708;border-color:#b54708}.chips button[data-metric=transfer].active{background:#067647;border-color:#067647}.chips button[data-metric=withdrawal].active{background:#d92d20;border-color:#d92d20}.chips button[data-metric=fees].active{background:#0f766e;border-color:#0f766e}.fee-saved{margin:0;color:var(--success);font-weight:800}.fee-grid{display:grid;gap:12px}.fee-field{display:flex;align-items:center;gap:8px;margin-top:16px}.fee-field input{width:120px;height:52px;border:0;border-radius:14px;background:#fff;color:var(--ink);font-size:28px;font-weight:800;padding:0 12px;box-shadow:inset 0 0 0 1px #12182614}.fee-field b{font-size:22px}.fee-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.table-hint{margin:0 0 8px}.mix{display:grid;justify-items:center;gap:4px}.mix-empty{text-align:center;color:var(--muted);font-weight:700}.chart{width:100%;height:220px;display:block}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:6px}.split{display:grid;gap:16px}.legend{display:grid;gap:8px;margin-top:12px}.legend div{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:700}.swatch{width:8px;height:8px;border-radius:99px;display:inline-block;margin-right:6px}.filters{display:grid;grid-template-columns:1fr;gap:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th{text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:10px 12px}td{padding:12px;border-top:1px solid var(--line);vertical-align:middle;font-size:14px}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#f8faff}.pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:800;background:var(--primary-soft);color:var(--primary-dark)}.pill.deposit,.pill.posted,.pill.paid,.pill.active,.pill.credit{background:var(--success-soft);color:var(--success)}.pill.withdrawal,.pill.failed,.pill.locked,.pill.debit,.pill.error{background:var(--danger-soft);color:var(--danger)}.pill.payment,.pill.pending{background:var(--warning-soft);color:var(--warning)}.stack{display:grid}.stack small{color:var(--muted)}.pager{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:12px}.ghost-btn,.primary-btn{height:40px;padding:0 14px;font-weight:800}.ghost-btn{border:1px solid var(--line);background:#fff}.primary-btn{background:var(--primary);color:#fff}.primary-btn:disabled,.ghost-btn:disabled{opacity:.5;cursor:not-allowed}.empty,.error-banner{padding:28px 16px;text-align:center;color:var(--muted)}.error-banner{color:var(--danger);background:var(--danger-soft);border-radius:14px}.drawer-root{position:fixed;inset:0;z-index:50}.drawer-backdrop{position:absolute;inset:0;border:0;background:#0714337a}.drawer{position:absolute;inset:auto 0 0;max-height:92vh;overflow:auto;background:#fff;border-radius:24px 24px 0 0;padding:18px 16px 28px;box-shadow:var(--shadow)}.drawer-hero{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.amount{font-size:28px;letter-spacing:-.04em;margin:8px 0}.meta-grid,.kv{display:grid;gap:8px;margin-top:14px}.meta-grid div,.kv div{background:var(--bg);border-radius:12px;padding:10px 12px}.meta-grid span,.kv span{display:block;color:var(--muted);font-size:12px;font-weight:700}.entry{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.login{min-height:100vh;display:grid;background:var(--bg)}.login-panel{display:none;background:var(--sidebar);color:#fff;padding:40px}.login-card{padding:28px 20px;display:grid;align-content:center;gap:14px}.login-card h1{margin:0;font-size:32px;letter-spacing:-.04em}.field{display:grid;gap:6px}.field span{font-size:13px;font-weight:700}.alert{background:var(--danger-soft);color:var(--danger);border-radius:12px;padding:10px 12px;font-weight:700}.tabs{display:flex;gap:8px}@media(min-width:900px){.fee-grid{grid-template-columns:1fr 1fr}.fee-actions{grid-column:1 / -1}}@media(min-width:720px){.content{padding:22px}.kpis{grid-template-columns:1fr 1fr}.kpi strong{font-size:24px}.mix{grid-template-columns:168px 1fr;align-items:center;justify-items:stretch}.filters{grid-template-columns:1.4fr repeat(3,.8fr)}.profile-copy{display:block}.page-title{font-size:18px}.drawer{inset:0 0 0 auto;width:min(460px,100%);max-height:none;border-radius:0}}@media(min-width:1024px){.backdrop{display:none}.sidebar{transform:none;width:var(--sidebar-w)}.main{margin-left:var(--sidebar-w)}.shell.collapsed{--sidebar-w: 88px}.shell.collapsed .brand-copy,.shell.collapsed .nav-label-group,.shell.collapsed .nav-text,.shell.collapsed .sidebar-foot{display:none}.shell.collapsed .nav a{justify-content:center;padding:0}.split{grid-template-columns:1.4fr .8fr}.kpis{grid-template-columns:repeat(4,1fr)}.login{grid-template-columns:1.1fr .9fr}.login-panel{display:flex;flex-direction:column;justify-content:space-between}.login-card{padding:48px}}@media(max-width:719px){table{min-width:0}thead{display:none}tr{display:block;border-top:1px solid var(--line);padding:6px 0}td{display:flex;justify-content:space-between;gap:12px;border:0;padding:6px 12px}td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:700}}