:root{
  --bg:#f4f7fb;--panel:#ffffff;--panel-soft:#f8fafc;--ink:#172033;--muted:#7c8798;--line:#e5eaf1;
  --primary:#5b5bf7;--primary-dark:#4747da;--primary-soft:#eeeeff;--nav:#101827;--nav-soft:#1a2436;
  --green:#129a6d;--green-soft:#eaf8f2;--orange:#e58a2b;--orange-soft:#fff5e9;--red:#d84f5c;--red-soft:#fff0f2;
  --blue:#3579d3;--blue-soft:#edf5ff;--shadow:0 12px 36px rgba(29,43,73,.08);--shadow-lg:0 24px 70px rgba(29,43,73,.14);
  --radius:18px;--sidebar:260px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 90% 0,rgba(91,91,247,.06),transparent 28%);z-index:-1}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{touch-action:manipulation}.app{min-height:100vh}.muted{color:var(--muted)}

/* Sidebar */
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#101827 0%,#0c1422 100%);color:#d8dfeb;padding:22px 15px 18px;display:flex;flex-direction:column;z-index:50;border-right:1px solid rgba(255,255,255,.04)}
.brand{display:flex;align-items:center;gap:12px;padding:2px 8px 24px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#7770ff,#514ae6);box-shadow:0 12px 28px rgba(81,74,230,.34);font-weight:900;font-size:20px;color:#fff}.brand b{display:block;color:#fff;font-size:15px;letter-spacing:.01em}.brand small{display:block;color:#77869d;font-size:10px;margin-top:2px;letter-spacing:.04em}
.sidebar nav{display:grid;gap:5px}.sidebar nav>a,.nav-dropdown{width:100%;border:0;background:transparent;color:#aab5c7;border-radius:12px;padding:11px 12px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;transition:.18s ease}.sidebar nav>a:hover,.nav-dropdown:hover{background:rgba(255,255,255,.055);color:#fff}.sidebar nav>a.active{background:linear-gradient(90deg,rgba(91,91,247,.23),rgba(91,91,247,.06));color:#fff;box-shadow:inset 3px 0 #7b75ff}.nav-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.055);font-size:14px}.nav-dropdown i{margin-left:auto;font-style:normal;transition:.2s}.submenu{display:none;margin:1px 0 8px 39px;border-left:1px solid #2a3549;padding:4px 0 4px 10px}.submenu.show{display:grid;animation:fadeDown .16s ease}.submenu a{padding:8px 10px;color:#8f9bb0;border-radius:9px;font-size:13px}.submenu a:hover,.submenu a.active{background:#202b40;color:#fff}.sidebar-user{margin-top:auto;border-top:1px solid #263147;padding:17px 7px 0;display:flex;align-items:center;gap:10px}.sidebar-user .avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#29364d,#35445e);display:grid;place-items:center;font-weight:900;color:#fff}.sidebar-user b,.sidebar-user small{display:block}.sidebar-user b{font-size:13px}.sidebar-user small{font-size:10px;color:#7f8da3;margin-top:2px}.sidebar-user>a{margin-left:auto;color:#8794a9;width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.sidebar-user>a:hover{background:#202b40;color:#fff}.sidebar-overlay{display:none}

/* Main / header */
.main{margin-left:var(--sidebar);padding:24px 28px 42px;min-height:100vh;max-width:1700px}.topbar{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:22px}.topbar h2{margin:0;font-size:22px;letter-spacing:-.02em}.topbar p{margin:4px 0 0;color:var(--muted);font-size:12px}.coin-pill{margin-left:auto;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;padding:9px 12px;display:flex;gap:8px;align-items:center;font-size:9px;font-weight:900;letter-spacing:.1em;color:#8993a3}.coin-pill strong{font-size:13px;letter-spacing:0;color:var(--ink)}.icon-btn{border:1px solid var(--line);background:#fff;width:40px;height:40px;border-radius:11px;box-shadow:var(--shadow);cursor:pointer}.mobile-only{display:none}

/* Reusable */
.card,.stat,.kpi-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:21px;margin-bottom:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.card-head h3{margin:3px 0 3px;font-size:16px;letter-spacing:-.01em}.card-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.eyebrow,.section-kicker{display:block;font-size:9px;font-weight:900;letter-spacing:.14em;color:#766ff1}.section-kicker{color:#8a93a4}.btn{border:0;border-radius:11px;padding:11px 15px;font-weight:800;font-size:12px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:7px;transition:.16s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--primary),#7068f6);color:#fff;box-shadow:0 8px 20px rgba(91,91,247,.22)}.btn.light,.btn.white{background:#fff;color:#4c47d6}.btn.glass{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#fff}.btn.large{padding:14px 18px}.btn.full{width:100%}.text-link{font-size:11px;font-weight:800;color:#5955df;white-space:nowrap}.alert{padding:12px 14px;border-radius:12px;margin-bottom:15px;font-size:12px;font-weight:700;animation:fadeDown .18s ease}.alert.success{background:var(--green-soft);color:#087d58;border:1px solid #cfeee2}.alert.error{background:var(--red-soft);color:#b93643;border:1px solid #ffd9de}

/* Home */
.home-welcome{position:relative;overflow:hidden;background:linear-gradient(135deg,#4442d2 0%,#6662ef 58%,#756df6 100%);color:#fff;border-radius:24px;padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 20px 48px rgba(74,69,205,.22);margin-bottom:17px}.home-welcome:after{content:"";position:absolute;width:310px;height:310px;border:48px solid rgba(255,255,255,.06);border-radius:50%;right:-80px;top:-130px}.welcome-copy,.welcome-balance{position:relative;z-index:1}.light-eye{color:#d8d5ff}.home-welcome h1{margin:7px 0 7px;font-size:30px;line-height:1.08;letter-spacing:-.035em}.home-welcome p{margin:0;max-width:650px;color:#dfddff;font-size:13px;line-height:1.55}.welcome-actions{display:flex;gap:8px;margin-top:19px}.welcome-balance{min-width:260px;padding:17px 18px;background:rgba(16,24,39,.2);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(8px);border-radius:17px}.welcome-balance small,.welcome-balance strong,.welcome-balance span{display:block}.welcome-balance small{font-size:9px;letter-spacing:.14em;color:#d8d5ff;font-weight:900}.welcome-balance strong{font-size:26px;margin:5px 0}.welcome-balance span{font-size:10px;color:#d8d5ff}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.kpi-card{padding:17px;display:flex;gap:12px;align-items:center;min-width:0}.kpi-card .kpi-icon{flex:0 0 39px;width:39px;height:39px;border-radius:12px;background:var(--primary-soft);color:#5752db;display:grid;place-items:center;font-weight:900}.kpi-icon.green{background:var(--green-soft);color:var(--green)}.kpi-icon.orange{background:var(--orange-soft);color:var(--orange)}.kpi-icon.blue{background:var(--blue-soft);color:var(--blue)}.kpi-card div:last-child{min-width:0}.kpi-card small,.kpi-card span,.kpi-card strong{display:block}.kpi-card small{font-size:9px;font-weight:900;letter-spacing:.06em;color:#8b94a3;text-transform:uppercase}.kpi-card strong{font-size:18px;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-card span{font-size:9.5px;color:#9aa3b1}.primary-kpi{border-color:#dddcff;background:linear-gradient(145deg,#fff,#f8f8ff)}
.home-grid-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.7fr);gap:17px}.home-grid-secondary{display:grid;grid-template-columns:1.05fr .95fr;gap:17px}.home-bottom-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:17px}.chart-shell{height:270px;position:relative}.chart-shell canvas{width:100%;height:100%;display:block}.legend{display:flex;align-items:center;gap:12px;font-size:10px;color:#7e8796}.legend span{display:flex;align-items:center;gap:5px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.dep{background:#11845f}.dot.wd{background:#c2414f}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-grid a{border:1px solid var(--line);border-radius:13px;padding:12px;background:#fbfcfe;transition:.16s}.quick-grid a:hover{border-color:#d5d3ff;background:#f6f5ff;transform:translateY(-1px)}.quick-grid a>span{width:30px;height:30px;border-radius:9px;background:#eeedff;color:#5752df;display:grid;place-items:center;margin-bottom:8px;font-weight:900}.quick-grid b,.quick-grid small{display:block}.quick-grid b{font-size:11px}.quick-grid small{font-size:9px;color:#9aa3b1;margin-top:2px}
.bank-balance-list{display:grid;gap:3px}.bank-balance-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid #eef1f5}.bank-balance-item:last-child{border-bottom:0}.bank-logo-mini{width:35px;height:35px;border-radius:10px;background:#eef0ff;color:#5650df;display:grid;place-items:center;font-size:10px;font-weight:900}.bank-meta{min-width:0}.bank-meta b,.bank-meta span{display:block}.bank-meta b{font-size:11px}.bank-meta span{font-size:9px;color:#99a2af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.bank-balance-item>strong{font-size:11px}.activity-list{display:grid}.activity-item{position:relative;display:grid;grid-template-columns:13px 1fr;gap:8px;padding:8px 0}.activity-item:not(:last-child):before{content:"";position:absolute;width:1px;background:#e2e6ed;left:5px;top:20px;bottom:-4px}.activity-dot{width:11px;height:11px;border:3px solid #dcdafe;background:#5b5bf7;border-radius:50%;margin-top:3px;z-index:1}.activity-item b{font-size:10px}.activity-item p{margin:2px 0;font-size:9.5px;color:#778294;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:390px}.activity-item small{font-size:8.5px;color:#a2aab6}.empty-state{padding:24px;text-align:center;color:#9aa3b1;font-size:11px}.mini-summary{display:flex;flex-direction:column;justify-content:center}.mini-summary h3{font-size:24px;margin:6px 0}.mini-summary p{font-size:10px;color:#8791a0;margin:0}.coin-admin-card{display:grid;grid-template-columns:1fr minmax(380px,.9fr);gap:20px;align-items:center}.coin-admin-card h3{margin:4px 0}.coin-admin-card p{font-size:10px;color:#8993a2;margin:0;line-height:1.5}.coin-inline-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.table-tools{display:flex;align-items:center;gap:12px}.table-search{width:210px!important;padding:9px 11px!important;font-size:11px!important}

/* Legacy reusable sections, forms, tables */
.hero{background:linear-gradient(135deg,#4338ca,#6d5dfc);color:#fff;border-radius:22px;padding:30px;display:flex;align-items:flex-end;justify-content:space-between;box-shadow:0 20px 50px rgba(79,70,229,.2)}.hero h1{font-size:32px;margin:8px 0}.hero p{color:#dedcff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:17px 0}.stat{padding:18px}.stat span,.stat small{display:block;color:var(--muted)}.stat strong{display:block;font-size:21px;margin:7px 0 4px}.stat small{font-size:10px}.accent-stat{background:linear-gradient(145deg,#4f46e5,#6659ed);color:#fff}.accent-stat span,.accent-stat small{color:#dcd9ff}
.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.stack label{font-size:10px;font-weight:900;color:#586478;display:grid;gap:6px;letter-spacing:.01em}.span-2{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #dfe5ed;background:#fbfcfe;border-radius:11px;padding:11px 12px;outline:none;color:#182134;font-size:12px;transition:.15s}input:hover,select:hover,textarea:hover{border-color:#ccd4df}input:focus,select:focus,textarea:focus{border-color:#7e78f3;box-shadow:0 0 0 3px rgba(91,91,247,.09);background:#fff}textarea{resize:vertical}.stack{display:grid;gap:13px}.compact{margin-top:0}.operator-preview{background:#f7f8fc;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.operator-preview small,.operator-preview b,.operator-preview span{display:block}.operator-preview span{font-size:9px;color:var(--muted);margin-top:2px}.info-card{background:linear-gradient(145deg,#171f32,#252f49);color:#fff;min-height:190px;display:flex;flex-direction:column;justify-content:center}.info-card span{font-size:9px;letter-spacing:.12em;color:#9ba8bd}.info-card strong{font-size:38px;margin:7px 0}.info-card p{font-size:11px;color:#aeb9cc;margin:0}
.table-wrap{overflow:auto;border-radius:12px}.table-wrap table{width:100%;border-collapse:collapse;min-width:790px}th{text-align:left;padding:10px 11px;color:#8b95a4;font-size:9px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);background:#fbfcfe;white-space:nowrap}td{padding:11px;border-bottom:1px solid #eef1f5;font-size:11px;vertical-align:top}tbody tr:hover{background:#fafbff}tr:last-child td{border-bottom:0}.cell-sub{display:block;color:#9aa4b4;font-size:8.5px;margin-top:3px}.empty{text-align:center;color:var(--muted);padding:28px}.badge{display:inline-block;background:#eef0ff;color:#5148d8;border-radius:999px;padding:5px 8px;font-size:8.5px;font-weight:900}
.transaction-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:17px}.transaction-form{max-width:900px}.money-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.adjustments{display:flex;gap:7px}.adjust-btn{border:1px solid var(--line);background:#fff;border-radius:11px;padding:8px 10px;cursor:pointer;min-width:92px;transition:.15s}.adjust-btn:hover{border-color:#cbc8ff}.adjust-btn b,.adjust-btn small{display:block}.adjust-btn small{font-size:8px;color:var(--muted);margin-top:2px}.adjust-btn.selected{border-color:#6d5dfc;background:#f0efff;color:#4f46e5;box-shadow:0 0 0 3px rgba(91,91,247,.06)}.emphasize,.withdraw{font-size:16px;font-weight:900}.calc-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:10px;background:#f7f9fc;border:1px solid var(--line);border-radius:12px}.calc-summary div{padding:5px 7px}.calc-summary small,.calc-summary b{display:block}.calc-summary small{color:var(--muted);font-size:8.5px;margin-bottom:3px}.calc-summary b{font-size:11px}.operator-chip{padding:7px 10px;border-radius:999px;background:#f0efff;color:#5148d8;font-size:9px;font-weight:900}.tip-card{height:max-content;position:sticky;top:20px}.tip-card h3{margin:5px 0 16px}.tip-card p{font-size:11px;line-height:1.6}.tip-card hr{border:0;border-top:1px solid var(--line)}.placeholder{text-align:center;padding:65px 20px}.placeholder-icon{width:55px;height:55px;border-radius:16px;background:#efeeff;color:#544be0;display:grid;place-items:center;margin:0 auto 14px;font-size:24px}.placeholder h2{margin:0 0 8px}.placeholder p{color:var(--muted);margin:0 auto 18px;max-width:480px;font-size:12px}
.balance-banner{background:linear-gradient(135deg,#151d30,#242f49);color:#fff;border-radius:17px;padding:16px 19px;margin-bottom:17px;display:flex;justify-content:space-between;align-items:center}.balance-banner small,.balance-banner strong{display:block}.balance-banner small{font-size:9px;letter-spacing:.12em;color:#9eabc0}.balance-banner strong{font-size:22px;margin-top:4px}.flow-note{display:flex;gap:7px}.flow-note span{background:rgba(255,255,255,.09);padding:7px 9px;border-radius:999px;font-size:9px}.coin-preview{grid-column:1/-1;border-top:1px solid #e2e6ed;padding-top:10px!important}.coin-preview b{font-size:16px!important}.negative{color:var(--red)!important}.field-help{font-size:8px;color:#97a0af;font-weight:500}.bank-balance-box{background:#f3f2ff;border:1px solid #dedbff;border-radius:12px;padding:10px 12px;align-self:end}.bank-balance-box small,.bank-balance-box strong{display:block}.bank-balance-box small{font-size:8px;color:#746ca8}.bank-balance-box strong{font-size:15px;color:#4138b9;margin-top:3px}.statement-balance{background:linear-gradient(135deg,#f3f2ff,#fafaff)}.section-divider{display:flex;align-items:center;gap:10px;color:#7b8494;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.section-divider:before,.section-divider:after{content:"";height:1px;background:#e5e8ee;flex:1}.filter-row{display:flex;align-items:end;gap:12px;margin-bottom:18px}.filter-row label{display:grid;gap:6px;font-size:10px;font-weight:900;color:#5c6677}

/* Login */
.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 80% 10%,#dedcff,transparent 30%),radial-gradient(circle at 15% 90%,#e7f2ff,transparent 28%),#f5f7fb}.auth-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);padding:29px}.brand-center{padding:0 0 23px}.auth-card h1{margin:0 0 6px;font-size:24px}.auth-card p{color:var(--muted);font-size:11px;line-height:1.5}.mobile-bottom-nav{display:none}

@keyframes fadeDown{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.home-grid-main,.home-grid-secondary{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(3,1fr)}.home-bottom-grid{grid-template-columns:1fr}.coin-admin-card{grid-template-columns:1fr}.transaction-layout{grid-template-columns:1fr}.tip-card{position:static}.grid-2{grid-template-columns:1fr}}
@media(max-width:820px){:root{--sidebar:250px}.sidebar{transform:translateX(-103%);transition:transform .22s ease;box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:24px 0 60px rgba(0,0,0,.24)}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(12,20,34,.44);backdrop-filter:blur(2px);z-index:40;opacity:0;visibility:hidden;transition:.2s}.sidebar-overlay.show{opacity:1;visibility:visible}.main{margin-left:0;padding:17px 17px 86px}.mobile-only{display:inline-grid;place-items:center}.topbar{margin-bottom:17px}.topbar>div:nth-child(2){margin-right:auto}.topbar h2{font-size:19px}.topbar p{display:none}.home-welcome{padding:23px;display:block}.home-welcome h1{font-size:25px}.welcome-balance{margin-top:18px;min-width:0}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.card{padding:16px;border-radius:15px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.money-row{grid-template-columns:1fr}.adjustments{display:grid;grid-template-columns:repeat(3,1fr)}.adjust-btn{min-width:0;padding:8px 5px}.calc-summary{grid-template-columns:1fr 1fr}.card-head{align-items:flex-start}.operator-chip{display:none}.coin-inline-form{grid-template-columns:1fr}.table-tools{width:100%;align-items:stretch}.table-search{width:100%!important}.card-head:has(.table-tools){flex-direction:column}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:10px;right:10px;bottom:10px;z-index:35;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:16px;padding:6px;box-shadow:0 12px 40px rgba(24,35,60,.16)}.mobile-bottom-nav a{display:grid;place-items:center;gap:1px;border-radius:11px;padding:6px 2px;color:#8b95a4}.mobile-bottom-nav a span{font-size:16px}.mobile-bottom-nav a small{font-size:8px;font-weight:800}.mobile-bottom-nav a.active{background:#efefff;color:#514bdf}}
@media(max-width:520px){.main{padding:13px 12px 84px}.coin-pill{padding:8px 9px}.coin-pill strong{font-size:10px}.home-welcome{padding:20px;border-radius:19px}.home-welcome h1{font-size:22px}.home-welcome p{font-size:11px}.welcome-actions{display:grid;grid-template-columns:1fr 1fr}.welcome-actions .btn:first-child{grid-column:1/-1}.kpi-grid{grid-template-columns:1fr}.kpi-card{padding:14px}.quick-grid{grid-template-columns:1fr 1fr}.home-grid-main,.home-grid-secondary,.home-bottom-grid{gap:12px}.chart-shell{height:220px}.bank-balance-item{grid-template-columns:34px minmax(0,1fr)}.bank-balance-item>strong{grid-column:2;text-align:left;margin-top:-7px;color:#4d48d8}.flow-note{flex-wrap:wrap}.balance-banner{align-items:flex-start;gap:12px;flex-direction:column}.filter-row{display:grid;grid-template-columns:1fr}.table-wrap{margin:0 -4px}.table-wrap table{min-width:720px}.auth-card{padding:23px}.activity-item p{max-width:260px}}


/* ===== Pindah Dana V5 ===== */
.transfer-hero{
    margin-bottom:18px;
    border-radius:22px;
    padding:24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    color:#fff;
    background:
        radial-gradient(circle at 85% 15%,rgba(255,255,255,.14),transparent 28%),
        linear-gradient(135deg,#171f35,#313c62);
    box-shadow:0 16px 36px rgba(24,34,58,.12);
}
.transfer-hero h2{margin:5px 0 7px;font-size:25px;letter-spacing:-.03em}
.transfer-hero p{margin:0;color:#c5cedd;max-width:650px}
.transfer-coin-lock{
    min-width:210px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.08);
    border-radius:16px;
    padding:14px 16px;
}
.transfer-coin-lock small,.transfer-coin-lock strong{display:block}
.transfer-coin-lock small{font-size:9px;letter-spacing:.12em;color:#aebbd0}
.transfer-coin-lock strong{font-size:19px;margin-top:5px}
.transfer-preview{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    gap:14px;
    align-items:stretch;
    padding:14px;
    background:#f7f8fb;
    border:1px solid #e7eaf0;
    border-radius:17px;
}
.transfer-account{
    border-radius:14px;
    background:#fff;
    border:1px solid #e6e9ef;
    padding:15px;
    min-width:0;
}
.transfer-account.source{box-shadow:inset 3px 0 0 #ef6a72}
.transfer-account.destination{box-shadow:inset 3px 0 0 #22b07d}
.transfer-label{
    display:block;
    font-size:9px;
    letter-spacing:.12em;
    font-weight:800;
    color:#929aaa;
    margin-bottom:6px;
}
.transfer-account>strong{
    display:block;
    font-size:13px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-bottom:12px;
}
.transfer-balance-line{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    font-size:11px;
    padding:7px 0;
    border-top:1px solid #f0f2f5;
}
.transfer-balance-line span{color:#88919f}
.transfer-balance-line.after b{font-size:14px}
.transfer-arrow-wrap{
    align-self:center;
    display:grid;
    justify-items:center;
    gap:5px;
    min-width:70px;
}
.transfer-arrow-wrap span{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:50%;
    background:#5b5bf7;
    color:#fff;
    font-size:22px;
    box-shadow:0 8px 18px rgba(91,91,247,.24);
}
.transfer-arrow-wrap small{font-weight:800;color:#565f70;text-align:center}
.transfer-warning{
    border-radius:12px;
    padding:11px 13px;
    font-size:12px;
    font-weight:700;
}
.transfer-warning.danger{background:#fff0f1;color:#c13d49;border:1px solid #ffd7da}
.transfer-warning.ok{background:#ecfbf5;color:#16825d;border:1px solid #c9f2e2}
.logic-formula{
    display:grid;
    gap:7px;
    margin:13px 0;
}
.logic-formula span{
    padding:9px 10px;
    border-radius:10px;
    background:#f5f6fa;
    color:#586273;
    font-size:11px;
    font-weight:700;
}
button:disabled{opacity:.5;cursor:not-allowed}

@media(max-width:820px){
    .transfer-hero{align-items:flex-start;flex-direction:column;padding:19px}
    .transfer-coin-lock{width:100%;min-width:0}
    .transfer-preview{grid-template-columns:1fr}
    .transfer-arrow-wrap{transform:rotate(90deg);min-width:0;padding:2px 0}
    .transfer-arrow-wrap small{transform:rotate(-90deg);position:absolute;margin-left:90px}
}


/* ===== FinanceDesk V6: transaction history & advanced search ===== */
.history-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin:20px 0 8px;
    padding:12px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:15px;
    box-shadow:0 6px 22px rgba(28,38,63,.045);
}
.quick-db-search{display:flex;gap:8px;align-items:center;min-width:0;flex:1}
.quick-db-search input{
    min-width:220px;
    max-width:440px;
    flex:1;
}
.quick-db-search select{width:auto;min-width:90px}
.history-actions{display:flex;gap:8px;align-items:center}
.compact-btn{padding:9px 12px!important;min-height:38px}
.filter-btn{
    position:relative;
    border:1px solid #dcdff0;
    background:#f7f7ff;
    color:#514bd5;
    padding:9px 12px;
}
.filter-count{
    display:inline-grid;
    place-items:center;
    min-width:19px;height:19px;
    margin-left:6px;
    border-radius:999px;
    background:#5b5bf7;color:#fff;
    font-size:9px;font-weight:900;
}
.result-meta{
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin:0 3px 10px;
    color:#8b94a3;
    font-size:9.5px;
}
.history-card{margin-bottom:18px}
body.modal-open{overflow:hidden}
.filter-modal{
    position:fixed;
    inset:0;
    z-index:120;
    display:grid;
    place-items:center;
    padding:18px;
    opacity:0;
    visibility:hidden;
    transition:opacity .16s ease,visibility .16s ease;
}
.filter-modal.show{opacity:1;visibility:visible}
.filter-backdrop{
    position:absolute;
    inset:0;
    background:rgba(13,20,34,.48);
    backdrop-filter:blur(3px);
}
.filter-panel{
    position:relative;
    z-index:1;
    width:min(760px,calc(100vw - 30px));
    max-height:min(84vh,780px);
    overflow:auto;
    background:#fff;
    border:1px solid rgba(255,255,255,.8);
    border-radius:20px;
    box-shadow:0 28px 80px rgba(15,24,42,.28);
    padding:20px;
    transform:translateY(8px) scale(.985);
    transition:transform .18s ease;
}
.filter-modal.show .filter-panel{transform:none}
.filter-panel-head{
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:flex-start;
    padding-bottom:14px;
    margin-bottom:14px;
    border-bottom:1px solid var(--line);
}
.filter-panel-head h3{margin:3px 0 3px;font-size:18px}
.filter-panel-head p{margin:0;color:var(--muted);font-size:10px}
.modal-close{
    width:34px;height:34px;
    border:1px solid var(--line);
    background:#f7f8fb;
    border-radius:10px;
    cursor:pointer;
    font-size:20px;
    line-height:1;
    color:#687283;
}
.filter-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.filter-grid label{
    display:grid;
    gap:6px;
    font-size:9px;
    font-weight:900;
    color:#596375;
    text-transform:uppercase;
    letter-spacing:.045em;
}
.filter-grid input,.filter-grid select,.filter-grid textarea{
    text-transform:none;
    letter-spacing:0;
    font-weight:600;
}
.filter-actions{
    display:flex;
    justify-content:flex-end;
    gap:9px;
    padding-top:8px;
}
.btn.ghost{
    background:#fff;
    color:#667082;
    border:1px solid var(--line);
}
.section-kicker{
    display:block;
    color:#756cf1;
    font-weight:900;
    letter-spacing:.12em;
    font-size:8px;
    margin-bottom:3px;
}

@media(max-width:760px){
    .history-toolbar{align-items:stretch;flex-direction:column}
    .quick-db-search{display:grid;grid-template-columns:1fr auto}
    .quick-db-search input{max-width:none;min-width:0;grid-column:1/-1}
    .history-actions{justify-content:flex-end}
    .result-meta{flex-direction:column;gap:3px}
    .filter-modal{padding:10px}
    .filter-panel{width:100%;max-height:88vh;padding:16px;border-radius:17px}
    .filter-grid{grid-template-columns:1fr}
    .filter-grid .span-2{grid-column:1}
    .filter-actions{display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
    .quick-db-search{grid-template-columns:1fr}
    .quick-db-search input,.quick-db-search select,.quick-db-search button{grid-column:1;width:100%}
    .history-actions{display:grid;grid-template-columns:1fr 1fr}
    .history-actions .btn{width:100%;text-align:center}
}



/* ===== FinanceDesk V7: Login, Role & User Management ===== */
.login-card{text-align:left;position:relative;overflow:hidden}
.login-card:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-70px;top:-70px;background:rgba(91,91,247,.08)}
.login-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#f0efff;color:#5b55e7;font-size:22px;margin:2px 0 17px}
.login-button{min-height:46px;font-size:12px}
.auth-security{display:flex;gap:8px;align-items:center;margin-top:18px;padding:10px 12px;border-radius:12px;background:#f8f9fc;border:1px solid #edf0f5}
.auth-security span{color:#21a876;font-size:10px}.auth-security p{margin:0!important}
.role-chip{display:inline-block;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.08em;margin-bottom:13px}
.admin-chip{background:#eeeaff;color:#554bd6}
.nav-divider{height:1px;background:rgba(255,255,255,.08);margin:10px 12px}
.admin-nav-badge{margin-left:auto;font-size:7px!important;padding:3px 5px;border-radius:5px;background:rgba(148,134,255,.16);color:#b7afff!important}
.user-admin-hero{margin-bottom:18px;padding:23px;border-radius:21px;background:linear-gradient(135deg,#1b2340,#353c71);color:#fff;display:flex;justify-content:space-between;gap:18px;align-items:center}
.user-admin-hero h2{margin:4px 0 7px;font-size:24px}.user-admin-hero p{margin:0;color:#c5cde0;font-size:11px}
.user-count-box{min-width:125px;padding:13px 15px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07)}
.user-count-box small,.user-count-box strong{display:block}.user-count-box small{font-size:8px;color:#bfc8dd;letter-spacing:.12em}.user-count-box strong{font-size:24px;margin-top:3px}
.user-form,.user-edit-form{display:grid;gap:15px}
.user-basic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.user-basic-grid label,.user-form label,.user-edit-form label{display:grid;gap:6px;font-size:9px;font-weight:900;color:#596375;text-transform:uppercase;letter-spacing:.04em}
.user-basic-grid input,.user-basic-grid select,.user-form input,.user-form select,.user-edit-form input,.user-edit-form select{text-transform:none;letter-spacing:0;font-weight:600}
.permission-selector{border:1px solid #e4e7ef;border-radius:16px;background:#fafbfe;overflow:hidden;transition:.18s}
.permission-selector.admin-mode{opacity:.64;background:#f5f6f9}

.permission-selector-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 14px;border-bottom:1px solid #e8eaf0;background:#fff}
.permission-selector-head b,.permission-selector-head span{display:block}.permission-selector-head b{font-size:11px}.permission-selector-head span{font-size:9px;color:#8a93a2;margin-top:2px}
.permission-tools{display:flex;gap:6px}.mini-btn{border:1px solid #dfe3eb;background:#fff;border-radius:8px;padding:7px 8px;font-size:8px;font-weight:800;color:#667082;cursor:pointer}
.permission-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px}
.permission-group{border:1px solid #e6e9ef;border-radius:12px;padding:10px;background:#fff;min-width:0}
.permission-group legend{padding:0 6px;font-size:9px;font-weight:900;color:#5b55d8}
.permission-option{display:grid!important;grid-template-columns:18px minmax(0,1fr);gap:8px!important;align-items:flex-start;margin:5px 0;text-transform:none!important;letter-spacing:0!important;cursor:pointer}
.permission-option input{width:16px;height:16px;margin:1px 0 0}
.permission-option span b,.permission-option span small{display:block}.permission-option span b{font-size:9px;color:#515b6d}.permission-option span small{font-size:8px;color:#949dab;line-height:1.35;margin-top:2px;font-weight:500}
.user-form-actions{display:flex;justify-content:flex-end}
.user-account-list{display:grid;gap:10px}
.user-account-card{border:1px solid #e4e7ee;border-radius:15px;background:#fff;overflow:hidden}
.user-account-card>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px}
.user-account-card>summary::-webkit-details-marker{display:none}
.user-account-card[open]>summary{border-bottom:1px solid #edf0f4;background:#fbfcfe}
.user-account-main{display:flex;align-items:center;gap:10px;min-width:0}.large-avatar{width:38px;height:38px}
.user-account-main b,.user-account-main span{display:block}.user-account-main b{font-size:11px}.user-account-main span{font-size:9px;color:#8b94a3;margin-top:2px}
.user-account-badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.role-badge,.status-badge,.self-badge{font-size:7px;font-weight:900;letter-spacing:.07em;padding:5px 7px;border-radius:999px}
.role-badge.admin{background:#eceaff;color:#584ed9}.role-badge.user{background:#edf5ff;color:#3475b8}
.status-badge.active{background:#eaf9f2;color:#21825e}.status-badge.inactive{background:#fff0f1;color:#c34b56}.self-badge{background:#f3f4f7;color:#70798a}
.user-edit-form{padding:14px}
.active-toggle{display:flex!important;grid-template-columns:none!important;flex-direction:row!important;align-items:center!important;gap:8px!important;padding:9px 11px;border-radius:10px;background:#f8f9fb}
.active-toggle input{width:16px;height:16px}.active-toggle span{text-transform:none;font-size:9px}
.account-meta{font-size:8px;color:#939baa;text-align:right}
@media(max-width:980px){.user-basic-grid{grid-template-columns:1fr 1fr}.permission-groups{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.user-admin-hero{align-items:flex-start;flex-direction:column}.user-count-box{width:100%;min-width:0}.user-basic-grid{grid-template-columns:1fr}.permission-selector-head{align-items:flex-start;flex-direction:column}.permission-groups{grid-template-columns:1fr}.permission-tools{width:100%}.permission-tools .mini-btn{flex:1}.user-account-card>summary{align-items:flex-start;flex-direction:column}.user-account-badges{justify-content:flex-start}.user-form-actions .btn{width:100%}}



/* =========================================================
   AUREVIA JOURNAL V8
   ========================================================= */

/* Branding / header */
.brand{position:relative}
.brand-copy{min-width:0}
.brand-copy b{white-space:nowrap}
.sidebar-collapse-btn{
    margin-left:auto;width:28px;height:28px;border:1px solid rgba(255,255,255,.09);
    background:rgba(255,255,255,.05);color:#aeb9ca;border-radius:8px;cursor:pointer;
    display:grid;place-items:center;font-size:19px;line-height:1;transition:.18s
}
.sidebar-collapse-btn:hover{background:rgba(255,255,255,.1);color:#fff}
.live-clock{font-variant-numeric:tabular-nums;font-weight:800;color:#5e65d7}
.logout-power{background:rgba(216,79,92,.11)!important;color:#ff6e7c!important;border:1px solid rgba(255,100,115,.12)}
.logout-power:hover{background:rgba(216,79,92,.22)!important;color:#ff8490!important}
.logout-power span{font-size:17px;line-height:1}

/* Desktop collapsed sidebar */
body.sidebar-collapsed .sidebar{width:82px;padding-left:13px;padding-right:13px}
body.sidebar-collapsed .main{margin-left:82px}
body.sidebar-collapsed .brand{justify-content:center}
body.sidebar-collapsed .brand-copy{display:none}
body.sidebar-collapsed .sidebar-collapse-btn{position:absolute;right:-9px;top:7px;background:#202b40}
body.sidebar-collapsed .sidebar nav>a,
body.sidebar-collapsed .nav-dropdown{justify-content:center;padding:9px 7px}
body.sidebar-collapsed .sidebar nav>a>span:not(.nav-icon),
body.sidebar-collapsed .nav-dropdown>span:not(.nav-icon),
body.sidebar-collapsed .nav-dropdown i,
body.sidebar-collapsed .admin-nav-badge{display:none}
body.sidebar-collapsed .nav-icon{margin:0}
body.sidebar-collapsed .submenu{display:none!important}
body.sidebar-collapsed .sidebar-user{flex-direction:column;padding-top:14px;gap:8px}
body.sidebar-collapsed .sidebar-user-copy{display:none}
body.sidebar-collapsed .sidebar-user>a{margin-left:0}
body.sidebar-collapsed .nav-divider{margin-left:5px;margin-right:5px}

/* Page table-first summaries */
.page-summary-strip{
    display:flex;align-items:center;justify-content:space-between;gap:18px;
    background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px 18px;
    box-shadow:0 8px 26px rgba(29,43,73,.045);margin-bottom:10px
}
.page-summary-strip h3{margin:3px 0 2px;font-size:17px}
.page-summary-strip p{margin:0;color:var(--muted);font-size:10px}
.page-summary-values{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.page-summary-values span{
    background:#f6f7fb;border:1px solid #e9ebf1;border-radius:10px;padding:8px 10px;
    color:#8992a1;font-size:9px
}
.page-summary-values b{color:#263044;margin-left:4px;font-size:11px}
.transaction-create-bar{display:flex;justify-content:flex-end;align-items:center;margin:10px 0 12px}
.create-transaction-btn{min-height:42px;padding-left:16px;padding-right:16px}

/* Generic transaction/create modal */
.transaction-modal{
    position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:18px;
    opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease
}
.transaction-modal.show{opacity:1;visibility:visible}
.transaction-modal-backdrop{
    position:absolute;inset:0;background:rgba(11,18,31,.53);backdrop-filter:blur(4px)
}
.transaction-modal-panel{
    position:relative;z-index:1;width:min(650px,calc(100vw - 30px));
    max-height:min(88vh,860px);overflow:auto;background:#fff;border-radius:20px;
    border:1px solid rgba(255,255,255,.82);box-shadow:0 30px 90px rgba(12,20,35,.3);
    padding:20px;transform:translateY(8px) scale(.985);transition:transform .18s ease
}
.transaction-modal.show .transaction-modal-panel{transform:none}
.transaction-modal-panel.wide-modal{width:min(850px,calc(100vw - 30px))}
.transaction-modal-panel.compact-modal{width:min(520px,calc(100vw - 30px))}
.transaction-modal-head{
    display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
    padding-bottom:14px;margin-bottom:15px;border-bottom:1px solid var(--line)
}
.transaction-modal-head h3{margin:3px 0;font-size:18px}
.transaction-modal-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}
.transaction-modal .card{box-shadow:none;border:0;padding:0;margin:0}
body.modal-open{overflow:hidden}

/* Player lookup */
.lookup-input-wrap{position:relative}
.lookup-input-wrap input{padding-right:125px!important}
.id-status{
    display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
    border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;letter-spacing:.02em
}
.lookup-input-wrap .id-status{
    position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none
}
.id-status.idle{background:#f1f3f6;color:#818b9a}
.id-status.checking{background:#fff7e9;color:#aa6d16}
.id-status.found{background:#e7f8f0;color:#10825b}
.id-status.new{background:#eef3ff;color:#486ca9}
.inline-status{margin-top:5px;width:max-content}
#txPhone[readonly],#creditPhone[readonly]{background:#f5f7fa;color:#667082;cursor:not-allowed}
.readonly-value{
    min-height:42px;border:1px solid var(--line);border-radius:11px;background:#f7f9fc;
    padding:11px 12px;font-weight:900;color:#313b4e
}

/* Bank status */
.status-inline-form{margin:0}
.bank-status-toggle{
    border:1px solid transparent;border-radius:999px;padding:6px 9px;cursor:pointer;
    display:inline-flex;align-items:center;gap:6px;font-size:8px;font-weight:900;letter-spacing:.04em
}
.bank-status-toggle.active{background:#e9f8f1;border-color:#d0efdf;color:#13805c}
.bank-status-toggle.inactive{background:#fff0f1;border-color:#ffdadd;color:#bf4652}
.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.bank-add-icon{margin-left:auto}

/* Coin */
.coin-page-strip{background:linear-gradient(135deg,#fff,#f7f7ff);border-color:#dfddff}
.coin-page-balance{text-align:right}
.coin-page-balance small,.coin-page-balance strong{display:block}
.coin-page-balance small{font-size:8px;letter-spacing:.12em;color:#8a91a1;font-weight:900}
.coin-page-balance strong{font-size:23px;margin-top:4px}
.positive-value{color:#0b8b62}
.home-bottom-grid.single-summary{grid-template-columns:1fr}

/* User management popup-first */
.user-admin-actions{display:flex;gap:9px;align-items:center}
.admin-action-icon{
    border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;
    min-width:92px;border-radius:13px;padding:10px 12px;cursor:pointer;display:grid;justify-items:center;gap:3px
}
.admin-action-icon span{font-size:19px}.admin-action-icon b{font-size:9px}
.admin-action-icon.primary-action{background:#fff;color:#4e49d4}
.icon-square-btn{
    width:36px;height:36px;border-radius:10px;border:1px solid var(--line);
    background:#f7f7ff;color:#5752db;font-size:18px;cursor:pointer
}
.user-admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:17px}
.compact-user-list{gap:7px}
.user-account-row{
    width:100%;border:1px solid #e5e8ee;border-radius:13px;background:#fff;padding:10px 12px;
    display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left;
    transition:.16s
}
.user-account-row:hover{border-color:#d6d3ff;background:#fafaff;transform:translateY(-1px)}
.row-chevron{font-size:18px;color:#9aa3b0}
.role-list{display:grid;gap:7px}
.role-row{
    width:100%;border:1px solid #e5e8ee;border-radius:13px;background:#fff;padding:10px;
    display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;text-align:left
}
.role-row>div{display:flex;align-items:center;gap:9px;min-width:0}
.role-row b,.role-row small{display:block}.role-row b{font-size:10px}.role-row small{font-size:8px;color:#919aa8;margin-top:2px}
.role-row:hover:not(.system-role){border-color:#d6d3ff;background:#fafaff}
.system-role{cursor:default;background:#f9fafc}
.role-symbol{
    width:31px;height:31px;border-radius:9px;background:#eeedff;color:#5550d7;
    display:grid;place-items:center;font-size:10px;font-weight:900;flex:0 0 auto
}
.permission-selector.admin-mode{position:relative;opacity:.62}
.permission-selector.admin-mode:after{
    content:"Akses mengikuti role yang dipilih";display:block;margin:0 14px 14px;padding:9px 11px;
    border-radius:10px;background:#eceaff;color:#554bd6;font-size:9px;font-weight:900;text-align:center
}

/* Existing old accordion no longer used */
.user-account-card{display:none}

/* Responsive */
@media(max-width:980px){
    .user-admin-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
    .desktop-collapse{display:none}
    body.sidebar-collapsed .sidebar{width:var(--sidebar)}
    body.sidebar-collapsed .main{margin-left:0}
    .page-summary-strip{align-items:flex-start;flex-direction:column}
    .page-summary-values{justify-content:flex-start}
}
@media(max-width:640px){
    .transaction-modal{padding:8px}
    .transaction-modal-panel,.transaction-modal-panel.wide-modal,.transaction-modal-panel.compact-modal{
        width:100%;max-height:91vh;border-radius:17px;padding:15px
    }
    .transaction-create-bar{justify-content:stretch}
    .transaction-create-bar .create-transaction-btn{width:100%}
    .user-admin-actions{width:100%}
    .admin-action-icon{flex:1}
    .coin-page-balance{text-align:left}
    .lookup-input-wrap input{padding-right:112px!important}
}


/* ===== Aurevia Journal V8.1 refinements ===== */
.transaction-page-head{align-items:center}
.transaction-page-head>.create-transaction-btn,.page-head-actions{margin-left:auto}
.page-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.page-head-metric{font-size:9px;color:#8992a1;background:#f6f7fb;border:1px solid #e7eaf0;border-radius:10px;padding:8px 10px}
.page-head-metric b{font-size:11px;color:#2e384a;margin-left:4px}
.deposit-term{color:#12815d!important;font-weight:800}
.withdraw-term{color:#c2414f!important;font-weight:800}
@media(max-width:640px){
 .transaction-page-head>.create-transaction-btn,.page-head-actions{width:100%;margin-left:0}
 .page-head-actions{justify-content:stretch}
 .page-head-actions .create-transaction-btn{flex:1}
}


/* ===== Aurevia Journal V8.2 transaction amount colors ===== */
.amount-deposit,.winloss-positive{color:#11845f!important;font-weight:900}
.amount-withdraw,.winloss-negative{color:#c2414f!important;font-weight:900}
.winloss-zero{color:#5f6979!important;font-weight:900}
#netText,#pendingDepText{color:#11845f!important}
#pendingWdText{color:#c2414f!important}
input[name="deposit"],input[name="pending_deposit"]{color:#11845f!important;font-weight:900}
input[name="withdraw"],input[name="pending_withdraw"],.withdraw{color:#c2414f!important;font-weight:900}

/* V8.5 dashboard + bank refinements */
.kpi-grid .deposit-term,.kpi-grid .withdraw-term{color:inherit!important;font-weight:inherit!important}
.kpi-grid .amount-deposit{color:#11845f!important;font-weight:900!important}
.kpi-grid .amount-withdraw{color:#c2414f!important;font-weight:900!important}
.flow-legend{display:flex;align-items:center;gap:8px}
.flow-legend .legend-separator{color:#a2a9b5;font-weight:900}
.bank-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.bank-head-actions .table-search{min-width:220px}
@media(max-width:720px){.bank-head-actions{width:100%;justify-content:stretch}.bank-head-actions .table-search,.bank-head-actions .create-transaction-btn{width:100%}}

/* ===== Aurevia Journal V8.6 - Laporan Transaksi ===== */
.report-page-head{gap:22px}
.report-head-values{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;justify-content:flex-end}
.report-head-values>div{min-width:145px;background:#fff;border:1px solid #e7e9ef;border-radius:13px;padding:10px 12px;text-align:right}
.report-head-values small{display:block;color:#8b94a3;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.report-head-values b{font-size:12px}
.report-card-head{align-items:flex-end;gap:18px}
.report-filter-bar{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.report-filter-bar label{display:grid;gap:4px;margin:0}
.report-filter-bar label span{font-size:8px;font-weight:800;color:#8a93a2;text-transform:uppercase;letter-spacing:.05em}
.report-filter-bar input,.report-filter-bar select{min-height:36px;padding:7px 9px;font-size:10px;min-width:132px}
.report-filter-bar select{min-width:76px}
.report-mini-summary{display:grid;grid-template-columns:repeat(4,minmax(135px,1fr));gap:8px;margin:2px 0 12px}
.report-mini-summary>span{border:1px solid #eceef3;background:#fafbfc;border-radius:12px;padding:10px 12px;display:grid;gap:4px}
.report-mini-summary small{font-size:8px;color:#8a93a1;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.report-mini-summary b{font-size:11px}
.report-result-meta{margin-bottom:8px}
.report-table th{white-space:normal;min-width:118px;line-height:1.35}
.report-table th:first-child{min-width:48px;width:48px}
.report-table th:nth-child(2){min-width:105px}
.report-table td{vertical-align:middle}
.report-count-badge,.new-deposit-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}
.deposit-count-badge{background:#eaf8f2;color:#11845f}
.withdraw-count-badge{background:#fff0f1;color:#c2414f}
.new-deposit-badge{background:#efedff;color:#5b50d8}
@media(max-width:900px){
 .report-card-head{align-items:flex-start;flex-direction:column}
 .report-filter-bar{width:100%;justify-content:flex-start}
 .report-mini-summary{grid-template-columns:repeat(2,minmax(135px,1fr))}
 .report-head-values{width:100%;justify-content:flex-start}
}
@media(max-width:560px){
 .report-filter-bar label,.report-filter-bar input,.report-filter-bar select,.report-filter-bar .btn{width:100%;min-width:0}
 .report-mini-summary{grid-template-columns:1fr}
 .report-head-values>div{flex:1;min-width:120px;text-align:left}
}


/* ===== Aurevia Journal V8.8 unified transaction hub + compact dashboard ===== */
.kpi-card small{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.kpi-inline-count{
    color:#606a7b;
    font-size:10px;
    letter-spacing:0;
    font-weight:900;
    white-space:nowrap;
}
.kpi-card strong{margin-bottom:0}
.chart-period-title{
    margin:0!important;
    font-size:20px!important;
    letter-spacing:-.025em!important;
}
.chart-card-head{margin-bottom:12px}
.welcome-balance small{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.welcome-balance small b{
    color:#fff;
    font-size:9px;
    letter-spacing:0;
}
.transaction-hub-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}
.transaction-hub-shortcuts{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:8px;
}
.hub-shortcut{
    min-height:42px;
    padding:10px 14px;
    white-space:nowrap;
}
.hub-shortcut>span{
    width:23px;
    height:23px;
    border-radius:7px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.14);
}
.transaction-hub-card .card-head{align-items:flex-start}
.transaction-detail-links{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:6px;
}
.transaction-detail-links a{
    border:1px solid #e1e4ec;
    background:#fafbfe;
    color:#6863e7;
    padding:7px 9px;
    border-radius:9px;
    font-size:9px;
    font-weight:900;
}
.transaction-detail-links a:hover{
    border-color:#cac7ff;
    background:#f2f1ff;
}
.transaction-hub-table{min-width:790px}
.transaction-hub-table td,.transaction-hub-table th{white-space:nowrap}
.transaction-hub-table td:nth-child(4),
.transaction-hub-table td:nth-child(6){
    max-width:230px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.hub-type-deposit{background:#eaf8f2!important;color:#11845f!important}
.hub-type-withdraw{background:#fff0f2!important;color:#c2414f!important}

/* Sidebar collapse control is intentionally prominent. */
.sidebar-collapse-btn{
    margin-left:auto!important;
    position:static!important;
    width:auto!important;
    min-width:78px!important;
    height:34px!important;
    padding:0 10px!important;
    border:1px solid rgba(255,255,255,.20)!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,#716aff,#514ae6)!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    box-shadow:0 8px 20px rgba(81,74,230,.30)!important;
    font-size:10px!important;
    font-weight:900!important;
    cursor:pointer;
}
.sidebar-collapse-btn:hover{
    transform:translateY(-1px);
    filter:brightness(1.08);
}
.collapse-icon{font-size:15px;line-height:1}
.collapse-label{font-size:9px;letter-spacing:.02em}
body.sidebar-collapsed .sidebar-collapse-btn{
    position:absolute!important;
    right:-14px!important;
    top:12px!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    padding:0!important;
    border-radius:50%!important;
}
body.sidebar-collapsed .collapse-label{display:none}

@media(max-width:1180px){
    .transaction-hub-head{align-items:flex-start;flex-direction:column}
    .transaction-hub-shortcuts{justify-content:flex-start}
}
@media(max-width:720px){
    .transaction-hub-shortcuts{
        display:grid;
        grid-template-columns:1fr 1fr;
        width:100%;
    }
    .hub-shortcut{width:100%}
    .transaction-hub-card .card-head{flex-direction:column}
    .transaction-detail-links{justify-content:flex-start}
}
@media(max-width:520px){
    .transaction-hub-shortcuts{grid-template-columns:1fr}
    .chart-period-title{font-size:18px!important}
}

.kpi-card>div:last-child{flex:1}
.dashboard-deposit-card small,
.dashboard-withdraw-card small{color:var(--ink)!important}

/* Place the prominent minimize control below the brand so it cannot crowd the logo. */
.sidebar .brand{position:relative;padding-bottom:66px}
.sidebar-collapse-btn{
    position:absolute!important;
    left:8px!important;
    right:8px!important;
    bottom:14px!important;
    width:auto!important;
    min-width:0!important;
}
body.sidebar-collapsed .sidebar .brand{padding-bottom:24px}
body.sidebar-collapsed .sidebar-collapse-btn{
    left:auto!important;
    right:-14px!important;
    top:12px!important;
    bottom:auto!important;
    width:34px!important;
    min-width:34px!important;
}

/* =========================================================
   AUREVIA JOURNAL V8.9 - Player & navigation refinements
   ========================================================= */
.topbar-actions{
    margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0
}
.topbar-actions .coin-pill{margin-left:0}
.topbar-shortcut{
    width:38px;height:38px;border-radius:11px;background:#fff;border:1px solid var(--line);
    box-shadow:var(--shadow);display:grid;place-items:center;font-size:17px;font-weight:900;
    color:#596274;transition:.16s ease
}
.topbar-shortcut:hover{transform:translateY(-1px);border-color:#d8d5ff;color:#514ae6}
.topbar-shortcut.logout-shortcut{color:#d84f5c;background:#fff7f8;border-color:#ffe0e4}
.topbar-shortcut.logout-shortcut:hover{color:#b93442;background:#fff0f2;border-color:#ffcfd5}

/* Small icon-only sidebar collapse control; never covers the Aurevia Journal name. */
.sidebar .brand{
    position:relative!important;padding:2px 42px 24px 8px!important;min-height:46px
}
.sidebar-collapse-btn{
    position:absolute!important;right:5px!important;top:8px!important;left:auto!important;bottom:auto!important;
    width:28px!important;min-width:28px!important;height:28px!important;padding:0!important;margin:0!important;
    border-radius:8px!important;background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;color:#c6d0df!important;
    display:grid!important;place-items:center!important
}
.sidebar-collapse-btn:hover{background:rgba(91,91,247,.28)!important;color:#fff!important;transform:none!important}
.sidebar-collapse-btn .collapse-icon{font-size:15px;line-height:1}
body.sidebar-collapsed .sidebar .brand{padding:2px 0 24px!important;justify-content:center!important}
body.sidebar-collapsed .sidebar-collapse-btn{
    right:-12px!important;top:9px!important;width:28px!important;min-width:28px!important;height:28px!important;border-radius:50%!important;
    background:#514ae6!important;color:#fff!important;border-color:#7770ff!important;box-shadow:0 6px 18px rgba(81,74,230,.32)!important
}

.player-table-card{padding-top:15px}
.player-table-head{justify-content:flex-start;margin-bottom:14px}
.player-toolbar{display:flex;align-items:center;gap:8px;width:100%;flex-wrap:wrap}
.player-toolbar .table-search{margin-left:0;min-width:250px}
.player-action-btn{min-height:38px;padding:9px 13px}
.player-main-table{min-width:900px}
.player-main-table td:nth-child(5){max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.player-manage-modal{width:min(1120px,calc(100vw - 30px))!important}
.player-filter-grid{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:13px;
    border:1px solid var(--line);border-radius:14px;background:#f8f9fc;margin-bottom:12px
}
.player-filter-grid label{display:grid;gap:6px;font-size:9px;font-weight:900;color:#657084}
.player-filter-grid input,.player-filter-grid select{width:100%;padding:10px 11px;border:1px solid #dfe4ec;border-radius:10px;background:#fff;color:var(--ink);outline:none}
.player-filter-grid .span-2{grid-column:span 2}
.player-filter-reset{display:flex;align-items:end}
.player-filter-reset .btn{width:100%}
.player-manage-result{font-size:10px;color:#8b94a3;font-weight:800;margin:0 0 9px}
.player-manage-result span{color:#514ae6;font-size:12px}
.player-manage-table-wrap{max-height:400px;overflow:auto;border:1px solid var(--line);border-radius:13px}
.player-manage-table{min-width:900px;margin:0}
.player-manage-table thead{position:sticky;top:0;z-index:2;background:#fff}
.player-manage-table td:nth-child(6){max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-row-actions{display:flex;gap:6px;align-items:center}
.player-row-actions form{margin:0}
.mini-action{border:0;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:900;cursor:pointer}
.edit-player-btn{background:#efefff;color:#514ae6}
.delete-player-btn{background:#fff0f2;color:#c2414f}
.edit-player-btn:hover{background:#e3e2ff}.delete-player-btn:hover{background:#ffe1e5}

@media(max-width:820px){
    .topbar-actions{gap:5px}.topbar-shortcut{width:34px;height:34px;border-radius:10px;font-size:15px}
    .topbar-actions .coin-pill{padding:8px 9px}
    .player-filter-grid{grid-template-columns:1fr 1fr}
    .player-toolbar{display:grid;grid-template-columns:1fr 1fr}
    .player-toolbar .table-search{grid-column:1/-1;min-width:0;width:100%!important}
}
@media(max-width:520px){
    .player-filter-grid{grid-template-columns:1fr}
    .player-filter-grid .span-2{grid-column:auto}
    .topbar-actions{margin-left:0}
}

/* =========================================================
   AUREVIA JOURNAL V8.10 - REPORT LAYOUT FIX
   ========================================================= */
.report-page-head{
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
    gap:18px;padding:15px 18px
}
.report-head-copy{min-width:0}.report-head-copy p{max-width:560px}
.report-head-values{
    display:grid;grid-template-columns:repeat(3,minmax(118px,1fr));gap:8px;
    width:min(440px,100%);justify-content:initial
}
.report-head-values>div{
    min-width:0;background:#f8f9fc;border:1px solid #e7e9ef;border-radius:12px;
    padding:9px 11px;text-align:left
}
.report-head-values small{font-size:7.5px;margin-bottom:3px}.report-head-values b{font-size:11px;white-space:nowrap}

.report-card-head{display:block;margin-bottom:10px}.report-card-head>div{max-width:700px}
.report-card-head p{font-size:10px;line-height:1.5}
.report-filter-bar{
    display:grid;grid-template-columns:minmax(138px,160px) minmax(138px,160px) 82px auto auto;
    align-items:end;justify-content:start;gap:8px;width:100%;
    padding:10px 12px;margin:0 0 11px;background:#f8f9fc;border:1px solid #e9ecf2;border-radius:13px
}
.report-filter-bar label{display:grid;gap:4px;margin:0;min-width:0;width:auto}
.report-filter-bar label span{font-size:7.5px;font-weight:900;color:#8a93a2;text-transform:uppercase;letter-spacing:.06em}
.report-filter-bar input,.report-filter-bar select{width:100%;min-width:0;min-height:34px;padding:7px 9px;font-size:10px;background:#fff}
.report-filter-bar .btn{min-height:34px;padding:8px 12px!important;white-space:nowrap}

.report-mini-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 10px}
.report-mini-summary>span{padding:9px 11px;min-width:0}
.report-mini-summary small{font-size:7.5px}.report-mini-summary b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.report-mini-summary em{font-size:8px;font-style:normal;color:#9aa3b1}
.report-result-meta{margin:0 0 7px;padding:0 2px;font-size:8.5px}

.report-table-wrap{overflow-x:auto}
.report-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
.report-table th,.report-table td{padding:9px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.report-table th{font-size:8px;letter-spacing:.035em}
.report-table td{font-size:10.5px}
.report-table th:nth-child(1),.report-table td:nth-child(1){width:4%;min-width:0}
.report-table th:nth-child(2),.report-table td:nth-child(2){width:11%;min-width:0}
.report-table th:nth-child(3),.report-table td:nth-child(3){width:14%;min-width:0}
.report-table th:nth-child(4),.report-table td:nth-child(4){width:10%;min-width:0;text-align:center}
.report-table th:nth-child(5),.report-table td:nth-child(5){width:14%;min-width:0}
.report-table th:nth-child(6),.report-table td:nth-child(6){width:10%;min-width:0;text-align:center}
.report-table th:nth-child(7),.report-table td:nth-child(7){width:14%;min-width:0}
.report-table th:nth-child(8),.report-table td:nth-child(8){width:10%;min-width:0;text-align:center}
.report-table th:nth-child(9),.report-table td:nth-child(9){width:11%;min-width:0;text-align:center}
.report-table .cell-sub{font-size:7.5px}
.report-count-badge,.new-deposit-badge{min-width:30px;padding:4px 7px;font-size:8.5px}

@media(max-width:1180px){
    .report-page-head{grid-template-columns:1fr}.report-head-values{width:100%;max-width:520px}
    .report-filter-bar{grid-template-columns:minmax(125px,1fr) minmax(125px,1fr) 80px auto auto}
    .report-table th{font-size:7.5px}.report-table td{font-size:10px;padding-left:5px;padding-right:5px}
}
@media(max-width:900px){
    .report-filter-bar{grid-template-columns:1fr 1fr 90px auto}.report-filter-bar .btn.ghost{grid-column:auto}
    .report-mini-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .report-table{min-width:760px!important;table-layout:fixed!important}
}
@media(max-width:560px){
    .report-head-values{grid-template-columns:1fr}.report-filter-bar{grid-template-columns:1fr 1fr}
    .report-filter-bar .report-limit-field{grid-column:1}.report-filter-bar .btn{width:100%}
    .report-mini-summary{grid-template-columns:1fr 1fr}
}

/* =========================================================
   AUREVIA JOURNAL V8.13
   ========================================================= */
.row-action-buttons{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:118px}
.row-action-buttons form{margin:0;display:inline-flex}
.row-action-buttons .mini-action,.action-link{background:#efefff;color:#514ae6;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.row-action-buttons .danger-action{background:#fff0f2;color:#c2414f}
.row-action-buttons .confirm-action{background:#eaf8f2;color:#11845f}
.row-action-buttons .muted-action{background:#f2f3f6;color:#9aa3b1;cursor:not-allowed}
.row-action-buttons .mini-action:hover,.action-link:hover{filter:brightness(.97)}
.pending-status{background:#fff7e6!important;color:#a86f00!important;border-color:#f2d38b!important}

.bank-compact-head{gap:12px;align-items:center;flex-wrap:wrap}
.bank-inline-metrics{display:flex;gap:7px;align-items:center;flex-wrap:wrap;flex:1}
.bank-mini-metric{display:grid;gap:2px;min-width:78px;padding:8px 10px;border:1px solid #e7e9ef;background:#f8f9fc;border-radius:11px}
.bank-mini-metric.total-balance{min-width:150px}
.bank-mini-metric small{font-size:7.5px;text-transform:uppercase;letter-spacing:.06em;color:#8b94a3;font-weight:900}
.bank-mini-metric b{font-size:10.5px;color:#24283a;white-space:nowrap}
.bank-head-actions{margin-left:auto}

.withdraw-admin-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,210px);gap:10px;align-items:end;padding:10px;border:1px solid #ebeef4;background:#fafbfc;border-radius:12px}
.admin-fee-shortcuts{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.admin-fee-shortcuts>span{width:100%;font-size:8px;font-weight:900;color:#6f7888;text-transform:uppercase;letter-spacing:.05em}
.admin-fee-btn{border:1px solid #dddff0;background:#fff;color:#514ae6;border-radius:9px;padding:8px 11px;font-weight:900;font-size:9px;cursor:pointer}
.admin-fee-btn.selected{background:#514ae6;color:#fff;border-color:#514ae6}
.admin-fee-btn.reset-fee{color:#7f8795}
.admin-fee-box{margin:0}
.admin-fee-box input[readonly]{background:#f0f1f5;font-weight:900}

.report-summary-top{margin:0 0 10px!important}
.report-table th:nth-child(1),.report-table td:nth-child(1){width:4%}
.report-table th:nth-child(2),.report-table td:nth-child(2){width:10%}
.report-table th:nth-child(3),.report-table td:nth-child(3){width:13%}
.report-table th:nth-child(4),.report-table td:nth-child(4){width:9%}
.report-table th:nth-child(5),.report-table td:nth-child(5){width:13%}
.report-table th:nth-child(6),.report-table td:nth-child(6){width:9%}
.report-table th:nth-child(7),.report-table td:nth-child(7){width:13%}
.report-table th:nth-child(8),.report-table td:nth-child(8){width:8%}
.report-table th:nth-child(9),.report-table td:nth-child(9){width:10%}
.report-table th:nth-child(10),.report-table td:nth-child(10){width:11%}

@media(max-width:820px){
 .bank-compact-head{display:grid}.bank-inline-metrics{width:100%}.bank-head-actions{margin:0;width:100%}
 .withdraw-admin-row{grid-template-columns:1fr}
}

/* V8.13 final polish: uploaded Home/Logout icons, compact transaction hub, action permissions */
.topbar-shortcut.image-shortcut{padding:2px;overflow:hidden;background:#fff!important;color:inherit!important}
.topbar-shortcut.image-shortcut img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}
.topbar-shortcut.logout-shortcut.image-shortcut{border-color:#f1d9dc;background:#fff!important}
.nav-image-icon{display:grid!important;place-items:center!important;overflow:hidden;border-radius:6px}
.nav-image-icon img{width:21px;height:21px;display:block;object-fit:cover;border-radius:5px}
.logout-power.image-logout{overflow:hidden;padding:2px!important;background:transparent!important;border:none!important}
.logout-power.image-logout span{display:grid;place-items:center;width:30px;height:30px;overflow:hidden;border-radius:50%}
.logout-power.image-logout img{display:block;width:100%;height:100%;object-fit:cover}
.mobile-nav-image{display:grid!important;place-items:center!important;width:22px;height:22px;overflow:hidden;border-radius:6px;margin:auto}
.mobile-nav-image img{display:block;width:100%;height:100%;object-fit:cover}
.sidebar-collapse-btn{width:24px!important;min-width:24px!important;height:24px!important;right:7px!important;top:9px!important;border-radius:7px!important}
.sidebar-collapse-btn .collapse-icon{font-size:13px!important}
body.sidebar-collapsed .sidebar-collapse-btn{width:24px!important;min-width:24px!important;height:24px!important;right:-10px!important}
.transaction-hub-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.transaction-hub-table-toolbar .transaction-hub-shortcuts{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.transaction-hub-table-toolbar .hub-shortcut{min-height:36px;padding:8px 11px}
.action-permission-option{background:#faf9ff;border-left:3px solid #817bf5!important;padding-left:8px!important}
.action-permission-option b{color:#4d48c9!important}
.delete-user-form{margin:10px 0 0;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}
.danger-btn,.delete-user-btn{background:#c2414f!important;color:#fff!important;border-color:#c2414f!important}
.danger-btn:hover,.delete-user-btn:hover{background:#a93543!important}
@media(max-width:820px){
 .transaction-hub-table-toolbar{align-items:stretch}.transaction-hub-table-toolbar .transaction-hub-shortcuts{width:100%}.transaction-hub-table-toolbar .hub-shortcut{flex:1 1 135px}
 .topbar-shortcut.image-shortcut{width:34px;height:34px}
}

/* V8.13 — explicit delete action in Manajemen User list */
.user-account-row-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
.user-account-row-wrap .user-account-row{width:100%;min-width:0}
.user-list-delete-form{display:flex;align-items:stretch;margin:0}
.user-list-delete-btn{width:auto;min-width:58px;padding:0 10px;border:1px solid #ffd5da;border-radius:12px;background:#fff5f6;color:#c2414f;font-size:12px;font-weight:800;line-height:1;cursor:pointer;transition:.18s ease}
.user-list-delete-btn:hover{background:#c2414f;color:#fff;border-color:#c2414f;transform:translateY(-1px)}
@media(max-width:700px){.user-account-row-wrap{grid-template-columns:minmax(0,1fr) auto}.user-list-delete-btn{min-width:52px;padding:0 8px;font-size:12px}}

/* =========================================================
   AUREVIA JOURNAL V8.14 - READABILITY & VISUAL CATEGORIES
   ========================================================= */
/* Readability pass: slightly larger UI text without making the layout bulky. */
body{font-size:14px;line-height:1.45}
.sidebar nav>a,.nav-dropdown{font-size:13px}
.sidebar-user b{font-size:13.5px}.sidebar-user small{font-size:11px}
.topbar p{font-size:12.5px}.coin-pill{font-size:10px}.coin-pill strong{font-size:14px}
.card-head h3{font-size:17px}.card-head p{font-size:12.5px}.eyebrow,.section-kicker{font-size:9.5px}
.btn{font-size:12.5px}.text-link{font-size:12px}
.form-grid label,.stack label{font-size:11px}
input,select,textarea{font-size:13px}
th{font-size:10px;padding:11px 12px}td{font-size:12px;padding:12px}.cell-sub{font-size:9.5px}.badge{font-size:9.5px}
.quick-db-search input,.quick-db-search select{font-size:12.5px}
.result-meta{font-size:10.5px}
.kpi-card small{font-size:10px}.kpi-card strong{font-size:19px}.kpi-card span{font-size:10px}
.quick-grid b{font-size:12px}.quick-grid small{font-size:10px}
.bank-meta b{font-size:12px}.bank-meta span{font-size:10px}.bank-balance-item>strong{font-size:12px}
.activity-item b{font-size:11.5px}.activity-item p{font-size:10.5px}.activity-item small{font-size:9.5px}
.page-summary-strip h3{font-size:18px}.page-summary-strip p{font-size:11.5px}
.transaction-modal-head h3{font-size:19px}.transaction-modal-head p{font-size:11.5px}
.filter-panel-head h3{font-size:19px}.filter-panel-head p{font-size:11.5px}
.filter-grid label{font-size:10.5px}.filter-grid input,.filter-grid select,.filter-grid textarea{font-size:12.5px}
.player-filter-grid label{font-size:10px}.player-manage-result{font-size:11px}.mini-action{font-size:10px}
.permission-selector-head b{font-size:12px}.permission-selector-head span{font-size:10px}.permission-option span b{font-size:10px}.permission-option span small{font-size:9px}
.user-account-main b{font-size:12px}.user-account-main span{font-size:10px}.role-badge,.status-badge,.self-badge{font-size:8.5px}
.report-filter-bar label span{font-size:9px}.report-filter-bar input,.report-filter-bar select{font-size:11.5px}.report-mini-summary small{font-size:9px}.report-mini-summary b{font-size:12px}.report-result-meta{font-size:9.5px}.report-table th{font-size:9.5px}.report-table td{font-size:11.5px}.report-table .cell-sub{font-size:8.5px}

/* Tambah/Kurangi Saldo uses semantic colors in every movement form. */
select.movement-select{font-weight:900;transition:.16s ease}
select.movement-select.movement-add{color:#0d815c!important;background:#f1fbf6!important;border-color:#bfe8d7!important}
select.movement-select.movement-subtract{color:#c2414f!important;background:#fff4f5!important;border-color:#f4c8ce!important}
select.movement-select option[value="ADD"]{color:#0d815c;font-weight:800}
select.movement-select option[value="SUBTRACT"]{color:#c2414f;font-weight:800}
.movement-text-add{color:#0d815c!important}.movement-text-subtract{color:#c2414f!important}
.movement-badge-add{background:#eaf8f2!important;color:#0d815c!important}
.movement-badge-subtract{background:#fff0f2!important;color:#c2414f!important}

/* Bank identity colors: same bank keeps the same readable color. */
.bank-name{font-weight:900!important}
.bank-bca{color:#0067b1!important}.bank-mandiri{color:#003b70!important}.bank-bni{color:#df6b18!important}
.bank-bri{color:#005ca9!important}.bank-cimb{color:#c91f3a!important}.bank-permata{color:#078455!important}
.bank-danamon{color:#d87900!important}.bank-bsi{color:#008478!important}.bank-ocbc{color:#b61f2b!important}
.bank-seabank{color:#e05b24!important}.bank-jago{color:#6752cc!important}
.bank-tone-1{color:#3867c8!important}.bank-tone-2{color:#0c8a77!important}.bank-tone-3{color:#a449a5!important}
.bank-tone-4{color:#c16912!important}.bank-tone-5{color:#5b55d8!important}.bank-tone-6{color:#b64065!important}
.bank-payment-gateway{color:#7c3aed!important}
.bank-name.bank-payment-gateway{color:#7c3aed!important;font-weight:800}
.bank-logo-mini.bank-payment-gateway{background:#f3e8ff}

.bank-logo-mini.bank-bca,.bank-logo-mini.bank-bri{background:#edf6ff}.bank-logo-mini.bank-bni,.bank-logo-mini.bank-danamon{background:#fff5e8}
.bank-logo-mini.bank-mandiri{background:#eef4fb}.bank-logo-mini.bank-cimb,.bank-logo-mini.bank-ocbc{background:#fff0f2}
.bank-logo-mini.bank-bsi,.bank-logo-mini.bank-permata{background:#eaf8f2}

/* Log Aktivitas: each category has a clearly different badge color. */
.log-type-badge{border:1px solid transparent;letter-spacing:.025em}
.log-type-depowd{background:#eaf2ff!important;color:#2861b8!important;border-color:#cddfff!important}
.log-type-pending{background:#fff5df!important;color:#a66b00!important;border-color:#f2d594!important}
.log-type-credit{background:#e9f9f4!important;color:#087c62!important;border-color:#c6ecdf!important}
.log-type-statement{background:#f0edff!important;color:#5a49c5!important;border-color:#dcd5ff!important}
.log-type-transfer{background:#eaf8ff!important;color:#08759c!important;border-color:#c6e9f7!important}
.log-type-coin{background:#fff1e8!important;color:#b65c1c!important;border-color:#f2d0ba!important}
.log-type-default{background:#f1f3f6!important;color:#626d7d!important;border-color:#e0e4ea!important}

/* Home shortcuts: no plus symbol and stronger contrast against the purple hero. */
.welcome-actions .home-tx-shortcut{border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 7px 18px rgba(24,26,86,.14)!important;font-weight:900!important}
.welcome-actions .shortcut-depowd{background:#ffffff!important;color:#3f39b9!important}
.welcome-actions .shortcut-pending{background:#fff4dc!important;color:#8c6207!important;border-color:#ffe7ad!important}
.welcome-actions .shortcut-credit{background:#eaf9f2!important;color:#0f7c5b!important;border-color:#c9ebdf!important}
.welcome-actions .shortcut-statement{background:#edf5ff!important;color:#3069b6!important;border-color:#d2e5ff!important}
.welcome-actions .shortcut-transfer{background:#f7edff!important;color:#7842a6!important;border-color:#ead5fb!important}
.welcome-actions .home-tx-shortcut:hover{transform:translateY(-2px);filter:brightness(.985)}
.quick-card{padding-top:16px}

@media(max-width:820px){
 th{font-size:9.5px}td{font-size:11.5px}.report-table th{font-size:9px}.report-table td{font-size:11px}
}

/* =========================
   V8.15 – readability + compact daily report
   ========================= */
body{font-size:14.5px;line-height:1.5}
.card-head h3{font-size:17.5px}
.card-head p{font-size:13px}
.btn{font-size:13px}
input,select,textarea{font-size:13.5px}
.form-grid label,.stack label{font-size:11.5px}
th{font-size:10.5px;padding:12px 12px}
td{font-size:12.5px;padding:12px}
.cell-sub{font-size:10px}
.quick-grid b{font-size:12.5px}.quick-grid small{font-size:10.5px}
.activity-item b{font-size:12px}.activity-item p{font-size:11px}.activity-item small{font-size:10px}

/* Compact Laporan Transaksi: amount and transaction count in one cell. */
.report-table{table-layout:fixed!important;min-width:860px!important}
.report-table th,.report-table td{font-size:11.5px!important;padding:11px 9px!important;overflow:visible!important;text-overflow:clip!important}
.report-table th:nth-child(1),.report-table td:nth-child(1){width:5%!important}
.report-table th:nth-child(2),.report-table td:nth-child(2){width:13%!important}
.report-table th:nth-child(3),.report-table td:nth-child(3){width:16%!important;text-align:left!important}
.report-table th:nth-child(4),.report-table td:nth-child(4){width:16%!important;text-align:left!important}
.report-table th:nth-child(5),.report-table td:nth-child(5){width:16%!important;text-align:left!important}
.report-table th:nth-child(6),.report-table td:nth-child(6){width:16%!important;text-align:left!important}
.report-table th:nth-child(7),.report-table td:nth-child(7){width:9%!important;text-align:center!important}
.report-table th:nth-child(8),.report-table td:nth-child(8){width:9%!important;text-align:center!important}
.report-money-count{white-space:nowrap;font-size:12px!important}
.report-money-count em{font-style:normal;font-size:10px;font-weight:900;opacity:.72;margin-left:2px}
.statement-report-value{color:#5a49c5!important}

/* Quick Action transaction shortcuts visually indicate they create/open forms. */
.quick-grid a.quick-open-form{border-color:#d8d6ff;background:#f8f7ff}
.quick-grid a.quick-open-form:hover{background:#f1f0ff;border-color:#c7c3ff}

@media(max-width:820px){
 body{font-size:14px}
 th{font-size:10px}td{font-size:12px}
 .report-table{min-width:820px!important}
 .report-table th,.report-table td{font-size:11px!important}
}


/* V8.16 final clean-install refinements */
.home-current-version{font-size:9.5px;font-weight:800;letter-spacing:.035em;color:#f0efff;text-transform:none;margin-left:5px;white-space:nowrap}
.quick-db-search .btn.primary,.report-filter-bar .btn.primary,.filter-actions .btn.primary{background:linear-gradient(135deg,var(--primary),#7068f6)!important;color:#fff!important;box-shadow:0 8px 20px rgba(91,91,247,.18)}
@media(max-width:700px){.home-current-version{display:block;margin:4px 0 0;font-size:9px}}

/* === V8.18 readability + bank + sidebar refinements === */
.sidebar-user .logout-power.image-logout{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;background:#000!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.sidebar-user .logout-power.image-logout span{width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;overflow:hidden!important;background:#000!important}
.sidebar-user .logout-power.image-logout img{width:32px!important;height:32px!important;display:block!important;object-fit:cover!important;object-position:center center!important;border-radius:50%!important;transform:translateY(-1px)}

.bank-balance-item.no-bank-icon{grid-template-columns:minmax(0,1fr) auto!important;padding:12px 4px!important}
.bank-balance-item.no-bank-icon .bank-meta b{font-size:14px!important;line-height:1.25!important}
.bank-balance-item.no-bank-icon .bank-meta span{font-size:11.5px!important;line-height:1.35!important}
.bank-balance-item.no-bank-icon>strong{font-size:14px!important;line-height:1.25!important}

.bank-inline-metrics{gap:10px!important}
.bank-mini-metric{padding:11px 14px!important;min-width:96px!important;border-radius:13px!important}
.bank-mini-metric.total-balance{min-width:185px!important;background:#f0edff!important;border-color:#ded7ff!important}
.bank-mini-metric:nth-child(2){background:#ecfbf3!important;border-color:#ccefdc!important}
.bank-mini-metric:nth-child(3){background:#edf5ff!important;border-color:#d7e8ff!important}
.bank-mini-metric small{font-size:10px!important;letter-spacing:.05em!important;color:#697386!important}
.bank-mini-metric b{font-size:14px!important;line-height:1.25!important;color:#22283a!important}
.bank-mini-metric.total-balance b{color:#584bd8!important}
.bank-mini-metric:nth-child(2) b{color:#148653!important}
.bank-mini-metric:nth-child(3) b{color:#2369b0!important}

.hide-action{background:#fff5e8!important;color:#a85b00!important;border-color:#ffd7a6!important}
.hidden-bank-label{color:#a85b00!important;font-weight:800!important}

/* Keep familiar bank branding consistent wherever bank-name class appears. */
.bank-name.bank-bca{color:#0067b1!important}.bank-name.bank-mandiri{color:#003b70!important}.bank-name.bank-bni{color:#df6b18!important}.bank-name.bank-bri{color:#00529b!important}.bank-name.bank-cimb{color:#b31217!important}.bank-name.bank-permata{color:#117a65!important}.bank-name.bank-danamon{color:#008bd2!important}.bank-name.bank-bsi{color:#00a39b!important}.bank-name.bank-ocbc{color:#d71920!important}.bank-name.bank-seabank{color:#f26b21!important}.bank-name.bank-jago{color:#6d28d9!important}

@media(max-width:760px){
  .bank-inline-metrics{width:100%;display:grid!important;grid-template-columns:1fr 1fr 1fr!important}
  .bank-mini-metric,.bank-mini-metric.total-balance{min-width:0!important}
  .bank-head-actions{width:100%!important;flex-wrap:wrap!important}
}
body{font-size:14px}
label{font-size:12px}
input,select,textarea,button,.btn{font-size:12.5px}
table th{font-size:10.5px} table td{font-size:12px}
.card-head h3,.page-summary-strip h3{font-size:16px}


/* === V8.18 consolidated transaction-first UI === */
/* Transparent navigation icons in the top bar. */
.topbar-actions{display:flex;align-items:center;gap:10px;min-width:0}
.topbar-nav-rail{display:flex;align-items:center;gap:3px;flex-wrap:nowrap}
.topbar-nav-rail .topbar-shortcut{
  background:transparent!important;border-color:transparent!important;box-shadow:none!important;
  width:36px;height:36px;border-radius:10px;color:#687386;display:grid;place-items:center;padding:0
}
.topbar-nav-rail .topbar-shortcut .nav-icon{font-size:17px;line-height:1;display:grid;place-items:center}
.topbar-nav-rail .topbar-shortcut:hover{background:#f1f0ff!important;color:#5048d8!important;transform:none}
.topbar-nav-rail .logout-shortcut{background:transparent!important;border-color:transparent!important;padding:4px!important}
.topbar-nav-rail .logout-shortcut img{width:25px;height:25px;object-fit:contain;display:block}

/* Informational 7-day chart. */
.informative-chart-card{overflow:hidden}
.chart-insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:2px 0 12px}
.chart-insight{border:1px solid #e9ebf0;border-radius:12px;padding:9px 11px;background:#fafbfc;display:grid;gap:3px;min-width:0}
.chart-insight small{font-size:10px;color:#778296;font-weight:800}
.chart-insight b{font-size:12.5px;color:#252b3c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chart-insight.deposit{background:#edf9f3;border-color:#d5efe1}.chart-insight.deposit b{color:#11845f}
.chart-insight.withdraw{background:#fff1f2;border-color:#f7d9dd}.chart-insight.withdraw b{color:#c2414f}
.chart-insight.net{background:#f3f1ff;border-color:#e2defd}.chart-insight.transactions{background:#f6f7fb}
.flow-legend .dot.trx{background:#6d5bd0}.flow-legend{gap:12px}.flow-legend span{display:flex;align-items:center;gap:5px}
.chart-hover-note{font-size:10px;color:#8a94a3;margin-top:6px;text-align:right}
.chart-period-title{font-size:18px!important}

/* Quick access: concise and more readable without explanatory subtitles. */
.quick-grid a{padding:14px 13px;min-height:64px;display:grid;grid-template-columns:36px 1fr;align-items:center;column-gap:10px;background:#fff}
.quick-grid a>span{width:36px;height:36px;margin:0;border-radius:10px;font-size:15px}
.quick-grid b{font-size:13.5px!important;line-height:1.25}.quick-grid small{display:none!important}
.quick-card{padding:18px}

/* Transaction detail pages are table-first. */
.history-card>.table-wrap:first-child{margin-top:0}
.transaction-inline-toolbar{align-items:center;gap:10px;flex-wrap:wrap}
.inline-summary-group{display:flex;gap:7px;align-items:stretch;flex-wrap:wrap}
.inline-metric{display:grid;gap:2px;padding:9px 11px;border:1px solid #e5e8ef;border-radius:12px;background:#f8f9fc;min-width:105px}
.inline-metric small{font-size:9.5px;font-weight:900;color:#6d7788;letter-spacing:.02em}
.inline-metric b{font-size:13.5px;line-height:1.25;white-space:nowrap;color:#252b3b}
.inline-metric.balance{background:#f2efff;border-color:#dfd9ff}.inline-metric.balance b{color:#5a4fd3}
.inline-metric.count{background:#eef6ff;border-color:#d9e9fb}.inline-metric.count b{color:#276cae}
.inline-metric.deposit{background:#ecf9f2;border-color:#cfeddd}.inline-metric.deposit b{color:#11845f}
.inline-metric.withdraw{background:#fff0f2;border-color:#f5d6db}.inline-metric.withdraw b{color:#c2414f}
.inline-metric.credit-total{background:#fff5df;border-color:#f2dfb3;min-width:150px}.inline-metric.credit-total b{color:#93620b}
.transaction-inline-toolbar .quick-db-search{flex:1 1 300px}.transaction-inline-toolbar .history-actions{margin-left:auto}
.history-card{padding-top:16px}

/* Saldo Rekening Bank: larger typography, no decorative icon. */
.home-grid-secondary .bank-balance-item.no-bank-icon .bank-meta b{font-size:15px!important}
.home-grid-secondary .bank-balance-item.no-bank-icon .bank-meta span{font-size:12px!important}
.home-grid-secondary .bank-balance-item.no-bank-icon>strong{font-size:15px!important}

@media(max-width:1180px){
  .topbar-nav-rail{gap:1px}.topbar-nav-rail .topbar-shortcut{width:32px;height:32px}
  .chart-insight-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .topbar-nav-rail{display:none}
  .transaction-inline-toolbar .inline-summary-group{width:100%}
}
@media(max-width:620px){
  .chart-insight-grid{grid-template-columns:1fr 1fr}.chart-insight{padding:8px}.chart-insight b{font-size:11px}
  .inline-summary-group{display:grid;grid-template-columns:1fr 1fr;width:100%}.inline-metric{min-width:0}
  .quick-grid a{min-height:58px;padding:10px}.quick-grid b{font-size:12.5px!important}
}


/* V8.18 report summary final polish */
.report-mini-summary .report-summary-card{border-width:1px!important;box-shadow:0 4px 14px rgba(25,31,45,.035)}
.report-mini-summary .report-summary-card small{font-size:10px!important;font-weight:900!important;color:#485267!important;letter-spacing:.02em}
.report-mini-summary .report-summary-card b{font-size:14px!important;line-height:1.3!important;overflow:visible!important;text-overflow:clip!important}
.report-mini-summary .report-summary-card b em{font-size:12px!important;font-style:normal!important;font-weight:900!important;margin-left:3px!important;color:inherit!important}
.report-mini-summary .deposit-card{background:#ecf9f2!important;border-color:#cdebdc!important}
.report-mini-summary .withdraw-card{background:#fff0f2!important;border-color:#f2d2d8!important}
.report-mini-summary .balance-card{background:#f1efff!important;border-color:#ddd8ff!important}
.report-mini-summary .balance-card b:not(.amount-deposit):not(.amount-withdraw){color:#5a4fd3!important}
.report-mini-summary .new-deposit-card{background:#fff7e6!important;border-color:#f3dfb4!important}
.report-mini-summary .new-deposit-card b{color:#9a6507!important}
@media(max-width:620px){.report-mini-summary .report-summary-card b{font-size:12.5px!important}.report-mini-summary .report-summary-card b em{font-size:11px!important}}

/* V8.20 Laporan Transaksi: ND compact + Grand Total */
.report-table{min-width:900px!important;table-layout:fixed!important}
.report-table th:nth-child(1),.report-table td:nth-child(1){width:4%!important;text-align:center!important}
.report-table th:nth-child(2),.report-table td:nth-child(2){width:10%!important}
.report-table th:nth-child(3),.report-table td:nth-child(3){width:16%!important;text-align:left!important}
.report-table th:nth-child(4),.report-table td:nth-child(4){width:5%!important;min-width:42px!important;max-width:58px!important;text-align:center!important;padding-left:5px!important;padding-right:5px!important}
.report-table th:nth-child(5),.report-table td:nth-child(5){width:15%!important;text-align:left!important}
.report-table th:nth-child(6),.report-table td:nth-child(6){width:14%!important;text-align:left!important}
.report-table th:nth-child(7),.report-table td:nth-child(7){width:14%!important;text-align:left!important}
.report-table th:nth-child(8),.report-table td:nth-child(8){width:14%!important;text-align:left!important}
.report-table th:nth-child(9),.report-table td:nth-child(9){width:8%!important;text-align:center!important}
.report-table .report-nd-col{white-space:nowrap!important}
.report-table th.report-nd-col{font-weight:950!important;letter-spacing:.06em!important}
.report-table td.report-nd-col .new-deposit-badge{min-width:28px!important;padding:4px 6px!important;font-size:10px!important;background:#fff5dc!important;color:#8e6000!important;border:1px solid #efdba8!important}
.grand-total-value{font-weight:950!important}


/* V8.21 - New Deposit summary: nominal first-deposit + user count */
.report-mini-summary .new-deposit-card b{display:flex!important;align-items:baseline!important;gap:4px!important;white-space:nowrap!important}
.report-mini-summary .new-deposit-card b em{color:inherit!important}


/* === V8.23 Rekonsiliasi / Closing Harian === */
.recon-hero{background:linear-gradient(135deg,#2f296f 0%,#5549b8 52%,#7668d8 100%);color:#fff;border-radius:20px;padding:22px 24px;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:0 16px 35px rgba(56,47,130,.18);margin-bottom:14px}
.recon-hero-copy{max-width:660px}.recon-kicker{font-size:10px;font-weight:900;letter-spacing:.14em;color:#d9d5ff}.recon-hero h2{font-size:24px;margin:4px 0 6px}.recon-hero p{margin:0;color:#e9e6ff;font-size:12.5px;line-height:1.55}.recon-hero-side{display:grid;gap:9px;justify-items:end}.recon-date-picker{display:flex;align-items:end;gap:8px;background:rgba(255,255,255,.1);padding:8px;border-radius:14px}.recon-date-picker label{display:grid;gap:4px;color:#eeeaff;font-weight:800}.recon-date-picker input{background:#fff;border:0;min-width:150px}.recon-search-btn{background:#fff!important;color:#453a9d!important;border-color:#fff!important;font-weight:900!important}
.recon-state{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14);font-size:10px;letter-spacing:.05em}.recon-state>span{width:8px;height:8px;border-radius:50%;background:#f2c94c}.recon-state.closed>span{background:#65e0a5}.recon-state.draft>span{background:#ffd166}.recon-state.new>span{background:#c7c2ff}.recon-state.mini{padding:5px 8px;background:#f4f5f8;color:#3e4657}.recon-state.mini.closed{background:#eaf9f1;color:#137554}.recon-state.mini.draft{background:#fff6df;color:#946713}
.recon-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:10px}.recon-summary-card{border:1px solid #e4e7ee;border-radius:16px;padding:14px 15px;display:grid;gap:5px;min-width:0;background:#fff}.recon-summary-card small{font-size:10px;font-weight:900;color:#697386}.recon-summary-card b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recon-summary-card span{font-size:10px;color:#7e8796}.recon-summary-card.system{background:#f4f2ff;border-color:#e2ddff}.recon-summary-card.system b{color:#5147b7}.recon-summary-card.actual{background:#eef7ff;border-color:#d8eafa}.recon-summary-card.actual b{color:#286ca8}.recon-summary-card.difference.balanced{background:#edf9f3;border-color:#d2eddf}.recon-summary-card.difference.balanced b{color:#13825f}.recon-summary-card.difference.mismatch{background:#fff0f2;border-color:#f2d4da}.recon-summary-card.difference.mismatch b{color:#bd3c4c}.recon-summary-card.coin{background:#fff7e8;border-color:#f1dfbc}.recon-summary-card.coin b{color:#94620b}.recon-summary-card.readiness.ready{background:#eaf9f1;border-color:#ccebdc}.recon-summary-card.readiness.ready b{color:#0f7b57}.recon-summary-card.readiness.check{background:#fff2ee;border-color:#f2d6cd}.recon-summary-card.readiness.check b{color:#b84c34}
.recon-flow-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px}.recon-flow-item{padding:10px 12px;border-radius:13px;border:1px solid #e8eaf0;background:#fafbfc;display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center}.recon-flow-item span{font-size:10px;font-weight:900;color:#687386}.recon-flow-item b{font-size:12.5px}.recon-flow-item em{grid-column:1/3;font-size:9.5px;color:#89919f;font-style:normal}.recon-flow-item.deposit{background:#eef9f4}.recon-flow-item.deposit b{color:#11815e}.recon-flow-item.withdraw{background:#fff1f2}.recon-flow-item.withdraw b{color:#bd3f4e}.recon-flow-item.pending{background:#fff7e6}.recon-flow-item.statement{background:#eef5ff}.recon-flow-item.total{background:#f3f1ff}
.recon-bank-card{padding:18px;margin-bottom:12px}.recon-card-head{align-items:center}.recon-date-chip{background:#f0efff;color:#534ab2;font-weight:900;padding:7px 10px;border-radius:10px;font-size:11px}.recon-table th:nth-child(1){min-width:220px}.recon-table th:nth-child(2),.recon-table th:nth-child(3),.recon-table th:nth-child(4){min-width:145px}.recon-bank-name{display:grid;gap:2px}.recon-bank-name>b{font-size:13.5px}.recon-bank-name>span{font-size:10.5px;color:#7e8794}.recon-bank-name>small{width:max-content;background:#fff2df;color:#9b650a;padding:2px 5px;border-radius:5px;font-size:8px;font-weight:900}.recon-money-input{min-width:125px;font-weight:850!important;text-align:right;background:#f9fafc!important}.recon-positive{color:#11815e!important}.recon-negative{color:#c33f50!important}.recon-match-badge{font-size:9px;font-weight:950;padding:5px 7px;border-radius:999px}.recon-match-badge.match{background:#e8f8ef;color:#117955}.recon-match-badge.mismatch{background:#fff0f1;color:#bd3d4d}
.recon-bottom-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px}.recon-coin-card,.recon-note-card{padding:17px}.recon-coin-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recon-coin-pair>div,.recon-coin-pair>label{padding:11px;border:1px solid #e7e8ee;border-radius:12px;background:#fafbfc;display:grid;gap:5px}.recon-coin-pair small{font-size:9.5px;font-weight:900;color:#747d8c}.recon-coin-pair b{font-size:14px;color:#5148b8}.recon-coin-pair input{font-weight:900}.recon-coin-result{margin-top:9px;display:flex;justify-content:space-between;align-items:center;background:#fff6e8;border-radius:11px;padding:9px 11px}.recon-coin-result span{font-size:10px;font-weight:900;color:#7b6c50}.recon-coin-result b{font-size:13px}.recon-note-card textarea{width:100%;resize:vertical}.recon-audit-line{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px;color:#7f8794;font-size:10px}.recon-actions{display:flex;justify-content:flex-end;gap:8px;margin:12px 0}.recon-draft-btn{background:#fff!important;color:#5147b7!important;border:1px solid #d8d4fa!important}.recon-close-btn{background:#5147b7!important;color:#fff!important;border-color:#5147b7!important;font-weight:900!important}.recon-reopen-form{display:flex;justify-content:flex-end;margin:10px 0}.recon-history-card{margin-top:14px}.recon-history-card a{color:#5147b7;text-decoration:underline}.recon-history-card table{min-width:850px}
@media(max-width:1180px){.recon-summary-grid{grid-template-columns:repeat(3,1fr)}.recon-flow-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.recon-hero{align-items:stretch;flex-direction:column}.recon-hero-side{justify-items:stretch}.recon-date-picker{justify-content:space-between}.recon-summary-grid{grid-template-columns:1fr 1fr}.recon-flow-strip{grid-template-columns:1fr 1fr}.recon-bottom-grid{grid-template-columns:1fr}}
@media(max-width:520px){.recon-summary-grid,.recon-flow-strip{grid-template-columns:1fr}.recon-date-picker{flex-wrap:wrap}.recon-date-picker label{width:100%}.recon-date-picker input{width:100%}}

/* Negative User credit is valid in V8.23. */
.credit-negative,.amount-credit-negative{color:#c33f50!important;font-weight:900!important}