:root{--bg:#030810;--bg-mid:#0a1628;--bg-deep:#060e1c;--surface:#0c1a30;--surface-2:#122a4a;--panel:#0c1a30;--border:#c9a84c2e;--border-light:#c9a84c47;--gold:#c9a84c;--gold-dim:#c9a84c1f;--gold-hover:#c9a84c38;--gold-glow:#c9a84c26;--text:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--success:#10b981;--success-dim:#10b98124;--error:#f87171;--error-dim:#f871711f;--warning:#f59e0b;--warning-dim:#f59e0b24;--info:#60a5fa;--info-dim:#60a5fa24;--accent:#e94560;--font-heading:"DM Sans", sans-serif;--font-body:"Inter", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--sidebar-w:248px;--sidebar-w-collapsed:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 3px #00000073;--shadow-md:0 8px 32px #0000008c;--shadow-gold:0 0 24px #c9a84c2e;--shadow-card:0 4px 24px #00000059}.layout-shell{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-body);position:relative;overflow-x:hidden}.layout-ambient{pointer-events:none;filter:blur(100px);z-index:0;border-radius:50%;position:fixed}.layout-ambient--gold{background:#c9a84c1a;width:28rem;height:28rem;top:-6rem;left:-6rem}.layout-ambient--blue{background:#38bdf812;width:20rem;height:20rem;top:30%;right:-5rem}.layout-ambient--rose{background:#e945600f;width:18rem;height:18rem;bottom:-4rem;left:35%}.layout-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;opacity:0;background:#030810b8;transition:opacity .25s;display:none;position:fixed;inset:0}.layout-overlay.is-visible{opacity:1;display:block}.sidebar{z-index:50;width:var(--sidebar-w);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#0c1a30f7 0%,#060e1cfa 100%);flex-direction:column;height:100vh;transition:transform .28s;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 32px #00000073}.sidebar-brand{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);border-bottom:1px solid #c9a84c1f;display:flex}.sidebar-logo{background:linear-gradient(135deg, var(--gold) 0%, #a8863a 100%);width:42px;height:42px;color:var(--bg-deep);border-radius:50%;flex-shrink:0;place-items:center;display:grid;box-shadow:0 0 20px #c9a84c59}.sidebar-brand-text{min-width:0}.sidebar-brand-name{font-family:var(--font-heading);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:.7rem;font-weight:700}.sidebar-brand-title{font-family:var(--font-heading);color:var(--text);font-size:1rem;font-weight:700;line-height:1.2}.sidebar-nav{padding:var(--space-4) var(--space-3);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-link{align-items:center;gap:var(--space-3);padding:.72rem var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);background:#ffffff05;border:1px solid #ffffff0a;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .22s;display:flex}.sidebar-link:hover{color:#e2e8f0;background:#c9a84c0f;border-color:#c9a84c38}.sidebar-link.is-active{color:var(--gold);background:linear-gradient(90deg,#c9a84c38 0%,#c9a84c0f 55%,#0000 100%);border-color:#c9a84c73;font-weight:700;box-shadow:0 0 20px #c9a84c1f,inset 0 1px #c9a84c26}.sidebar-link-icon{border-radius:var(--radius-sm);background:#060e1c99;border:1px solid #64748b59;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .22s;display:inline-flex}.sidebar-link.is-active .sidebar-link-icon{background:#c9a84c2e;border-color:#c9a84c66;box-shadow:0 0 12px #c9a84c33}.sidebar-footer{padding:var(--space-4) var(--space-4) var(--space-5);border-top:1px solid #c9a84c1a}.sidebar-footer-tag{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:#c9a84c59;margin-bottom:var(--space-3);font-size:.62rem}.sidebar-user-email{color:var(--text-dim);margin-bottom:var(--space-3);word-break:break-all;font-size:.72rem;line-height:1.35;display:block}.sidebar-logout{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:.65rem var(--space-3);border-radius:var(--radius-sm);color:#f87171;cursor:pointer;background:#e9456014;border:1px solid #e9456047;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.sidebar-logout:hover:not(:disabled){background:#e9456024;border-color:#e9456066}.sidebar-logout:disabled{opacity:.6;cursor:not-allowed}.layout-main{z-index:10;margin-left:var(--sidebar-w);flex-direction:column;min-height:100vh;transition:margin-left .28s;display:flex;position:relative}.layout-topbar{z-index:30;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#060e1cd1;border-bottom:1px solid #c9a84c1f;display:flex;position:sticky;top:0}.layout-menu-btn{border-radius:var(--radius-sm);width:42px;height:42px;color:var(--gold);cursor:pointer;background:#0c1a30cc;border:1px solid #c9a84c33;justify-content:center;align-items:center;display:none}.layout-topbar-content{flex:1;min-width:0}.layout-breadcrumb{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.1rem;font-size:.68rem}.layout-page-title{font-family:var(--font-heading);letter-spacing:-.02em;background:linear-gradient(135deg, #fff 0%, var(--gold) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.layout-content{padding:var(--space-6);flex:1}.overview-hero{margin-bottom:var(--space-6);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-gold), var(--shadow-card);background:linear-gradient(135deg,#122a4aeb 0%,#0a1628f5 50%,#060e1cfa 100%);border:1px solid #c9a84c38;position:relative;overflow:hidden}.overview-hero-glow{pointer-events:none;filter:blur(40px);background:#c9a84c1f;border-radius:50%;width:14rem;height:14rem;position:absolute;top:-4rem;right:-3rem}.overview-hero-inner{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex;position:relative}.overview-hero h2{font-family:var(--font-heading);letter-spacing:-.03em;margin-bottom:var(--space-2);background:linear-gradient(135deg,#fff 0%,#d4b65e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800}.overview-hero-date{color:var(--text-muted);font-size:.8rem}.overview-badge{align-items:center;gap:var(--space-2);color:var(--gold);background:#c9a84c1a;border:1px solid #c9a84c47;border-radius:999px;padding:.55rem 1rem;font-size:.82rem;font-weight:600;display:inline-flex}.overview-badge-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;box-shadow:0 0 10px #10b98199}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.dashboard-error{margin-bottom:var(--space-4);border-radius:var(--radius-md);color:#fca5a5;background:#ef44441a;border:1px solid #ef444459;padding:.85rem 1rem;font-size:.9rem}.overview-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.kpi-card{padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#142d4fd9 0%,#0c1a30eb 45%,#060e1cf5 100%);border:1px solid #c9a84c38;transition:transform .28s,border-color .28s,box-shadow .28s;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-gold), var(--shadow-md);border-color:#c9a84c6b;transform:translateY(-3px)}.kpi-card-glow{pointer-events:none;filter:blur(24px);border-radius:50%;width:7rem;height:7rem;transition:opacity .28s;position:absolute;top:-2rem;right:-2rem}.kpi-card:hover .kpi-card-glow{opacity:1.3}.kpi-card-glow--gold{background:#c9a84c2e}.kpi-card-glow--success{background:#10b98126}.kpi-card-glow--warning{background:#f59e0b26}.kpi-card-glow--info{background:#60a5fa26}.kpi-card-top{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.kpi-card-icon{border-radius:var(--radius-md);background:linear-gradient(145deg,#c9a84c38 0%,#c9a84c0a 100%);border:1px solid #c9a84c40;place-items:center;width:46px;height:46px;display:grid;box-shadow:inset 0 1px #ffffff0f}.kpi-card-icon--gold{color:var(--gold)}.kpi-card-icon--success{color:var(--success);background:linear-gradient(145deg,#10b98133 0%,#10b9810a 100%);border-color:#10b9814d}.kpi-card-icon--warning{color:var(--warning);background:linear-gradient(145deg,#f59e0b33 0%,#f59e0b0a 100%);border-color:#f59e0b4d}.kpi-card-icon--info{color:var(--info);background:linear-gradient(145deg,#60a5fa33 0%,#60a5fa0a 100%);border-color:#60a5fa4d}.kpi-card-value{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text);font-size:clamp(1.65rem,3vw,2rem);font-weight:800}.kpi-card-label{margin-top:var(--space-1);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:600}.kpi-card-chip{margin-top:var(--space-2);color:var(--text-dim);background:#ffffff0d;border-radius:999px;padding:.2rem .55rem;font-size:.62rem;font-weight:600;display:inline-flex}.section-card{padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#122a4aa6 0%,#0a1628e6 50%,#060e1cf2 100%);border:1px solid #c9a84c33;position:relative;overflow:hidden}.section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.section-title{font-family:var(--font-heading);color:var(--gold);font-size:1rem;font-weight:700}.section-live{color:var(--success);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;font-size:.68rem;font-weight:600;display:inline-flex}.section-live-dot{background:var(--success);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #10b98180}.empty-state{text-align:center;padding:var(--space-10) var(--space-6);border-radius:var(--radius-md);background:#00000038;border:1px dashed #c9a84c2e}.empty-state-icon{margin-bottom:var(--space-3);opacity:.5;font-size:2rem}.empty-state p{color:var(--text-muted);max-width:360px;margin:0 auto;font-size:.9rem;line-height:1.55}.page-placeholder{max-width:560px;padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#122a4a80 0%,#060e1ce6 100%);border:1px solid #c9a84c33}.page-placeholder-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-3);font-size:.72rem;font-weight:700}.page-placeholder h1{font-family:var(--font-heading);margin-bottom:var(--space-3);letter-spacing:-.02em;font-size:1.85rem;font-weight:800}.page-placeholder p{color:var(--text-muted);margin-bottom:var(--space-6);line-height:1.65}.page-placeholder-badge{align-items:center;gap:var(--space-2);color:var(--gold);background:#c9a84c1a;border:1px solid #c9a84c38;border-radius:999px;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;display:inline-flex}.treasury-page{gap:var(--space-5);flex-direction:column;display:flex}.treasury-banner{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.treasury-success{border-radius:var(--radius-md);color:#6ee7b7;background:#10b9811a;border:1px solid #10b98159;padding:.85rem 1rem;font-size:.9rem}.treasury-retry-btn{border-radius:var(--radius-sm);color:var(--gold);cursor:pointer;background:#c9a84c1f;border:1px solid #c9a84c59;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.treasury-retry-btn:hover{background:#c9a84c33}.treasury-grid{gap:var(--space-4);grid-template-columns:1.4fr 1fr;display:grid}.treasury-balance-card,.recon-status-card{padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#142d4fd9 0%,#0c1a30eb 45%,#060e1cf5 100%);border:1px solid #c9a84c38;position:relative;overflow:hidden}.treasury-balance-header,.recon-status-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.treasury-balance-badges{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.treasury-badge{letter-spacing:.06em;border-radius:999px;align-items:center;gap:.3rem;padding:.22rem .55rem;font-size:.62rem;font-weight:700;display:inline-flex}.treasury-badge--dedicated{color:var(--gold);background:#c9a84c1f;border:1px solid #c9a84c66}.treasury-badge--warn{color:var(--warning);background:#f59e0b1a;border:1px solid #f59e0b59}.treasury-balance-stats{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.treasury-stat-value--muted{color:var(--text);font-size:clamp(1.35rem,2.5vw,1.75rem)}.treasury-meta{margin:var(--space-4) 0 0;color:var(--text-dim);font-size:.78rem;line-height:1.5}.treasury-empty-inline,.treasury-skeleton-text{color:var(--text-muted);margin:0;font-size:.9rem}.recon-status-row{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.recon-metrics{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.recon-metrics strong{font-family:var(--font-heading);color:var(--text);margin-top:.25rem;font-size:1.25rem;display:block}.status-pill{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:.25rem .65rem;font-size:.68rem;font-weight:700;display:inline-flex}.status-pill--ok{color:#6ee7b7;background:#10b9811f;border:1px solid #10b98159}.status-pill--mismatch{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b59}.status-pill--error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459}.treasury-text-warn{color:var(--warning)}.treasury-settlements{margin-bottom:var(--space-2)}.settlement-table-wrap{overflow-x:auto}.settlement-table{border-collapse:collapse;width:100%;font-size:.88rem}.settlement-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid #c9a84c26;padding:.75rem 1rem;font-size:.68rem;font-weight:600}.settlement-table td{vertical-align:top;color:var(--text);border-bottom:1px solid #ffffff0d;padding:.9rem 1rem}.settlement-row:hover td{background:#ffffff05}.settlement-ref{color:var(--gold);font-family:ui-monospace,monospace;font-size:.82rem}.settlement-transfer-btn{border-radius:var(--radius-sm);color:#6ee7b7;cursor:pointer;white-space:nowrap;background:linear-gradient(145deg,#10b98138 0%,#10b98114 100%);border:1px solid #10b98159;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.settlement-transfer-btn:hover:not(:disabled){background:#10b98133;border-color:#10b9818c}.settlement-transfer-btn:disabled{opacity:.65;cursor:not-allowed}.settlement-row-error{color:#fca5a5;max-width:220px;margin:.45rem 0 0;font-size:.72rem;line-height:1.4}.treasury-table-skeleton{gap:var(--space-2);flex-direction:column;display:flex}.settlement-row--skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;height:3.25rem;animation:1.2s infinite treasury-shimmer}.treasury-spin{animation:.8s linear infinite treasury-spin}@keyframes treasury-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes treasury-spin{to{transform:rotate(360deg)}}.approvals-page{gap:var(--space-5);flex-direction:column;display:flex}.approvals-threshold{color:var(--text-dim);margin:0;font-size:.82rem}.approvals-section{margin-bottom:0}.approvals-section-msg{margin-bottom:var(--space-4)}.approvals-table{min-width:640px}.approval-row td{vertical-align:top}.approval-actions{flex-wrap:wrap;gap:.5rem;display:flex}.approval-reject-btn{border-radius:var(--radius-sm);color:#fca5a5;cursor:pointer;white-space:nowrap;background:#ef44441f;border:1px solid #ef444459;align-items:center;padding:.45rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.approval-reject-btn:hover:not(:disabled){background:#ef444433}.approval-reject-btn:disabled{opacity:.65;cursor:not-allowed}.approval-link-btn{border-radius:var(--radius-sm);color:#93c5fd;cursor:pointer;background:#60a5fa26;border:none;margin-bottom:.5rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.approval-link-btn:hover{background:#60a5fa40}.approval-withdraw-form{flex-direction:column;gap:.5rem;min-width:200px;display:flex}.utr-input,.proof-input{border-radius:var(--radius-sm);width:100%;max-width:280px;color:var(--text);background:#00000040;border:1px solid #c9a84c38;padding:.45rem .65rem;font-size:.78rem}.utr-input:focus{border-color:#c9a84c73;outline:none}.proof-input{color:var(--text-muted);font-size:.72rem}.action-chip{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.22rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.action-chip--refund{color:#fca5a5;background:#ef44441a;border:1px solid #ef444459}.action-chip--payout{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98159}.action-chip--topup{color:#93c5fd;background:#60a5fa1a;border:1px solid #60a5fa59}.action-chip--withdraw{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b59}.transactions-page{gap:var(--space-5);flex-direction:column;display:flex}.transactions-kpi-strip{gap:var(--space-3);flex-direction:column;display:flex}.transactions-kpi-note{color:var(--text-dim);margin:0;font-size:.78rem}.transactions-kpi-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.transactions-kpi-card{min-height:148px}.transactions-section{margin-bottom:0}.filter-bar{align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid #c9a84c1f;flex-wrap:wrap;display:flex}.filter-bar-group{flex-direction:column;gap:.35rem;min-width:140px;display:flex}.filter-bar-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:.68rem;font-weight:600}.filter-bar-input,.filter-bar-select{border-radius:var(--radius-sm);color:var(--text);background:#060e1ca6;border:1px solid #c9a84c38;padding:.55rem .75rem;font-family:inherit;font-size:.88rem}.filter-bar-input:focus,.filter-bar-select:focus{border-color:#c9a84c73;outline:none;box-shadow:0 0 0 2px #c9a84c1f}.filter-bar-clear{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;align-items:center;gap:.35rem;padding:.55rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.filter-bar-clear:hover{color:var(--gold);border-color:#c9a84c4d}.ledger-table-wrap{min-height:120px;overflow-x:auto}.ledger-table{border-collapse:collapse;width:100%;font-size:.88rem}.ledger-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid #c9a84c26;padding:.75rem 1rem;font-size:.68rem;font-weight:600}.ledger-table td{vertical-align:top;color:var(--text);border-bottom:1px solid #ffffff0d;padding:.9rem 1rem}.ledger-row:hover td{background:#ffffff05}.ledger-ref{color:var(--gold);font-family:ui-monospace,monospace;font-size:.82rem}.type-pill{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:.22rem .6rem;font-size:.68rem;font-weight:700;display:inline-flex}.type-pill--credit{color:#6ee7b7;background:#10b9811f;border:1px solid #10b98159}.type-pill--debit{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459}.type-pill--warning{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b59}.transactions-table-loading,.transactions-empty{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-muted);flex-direction:column;font-size:.9rem;display:flex}.transactions-table-loading{flex-direction:row}.pagination-controls{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid #c9a84c1f;flex-wrap:wrap;display:flex}.pagination-label{color:var(--text-dim);margin:0;font-size:.82rem}.pagination-actions{gap:.5rem;display:flex}.pagination-btn{border-radius:var(--radius-sm);color:var(--text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;padding:.5rem 1rem;font-size:.82rem;font-weight:600}.pagination-btn:hover:not(:disabled){color:var(--gold);border-color:#c9a84c59}.pagination-btn--primary{color:var(--gold);background:#c9a84c1f;border-color:#c9a84c59}.pagination-btn--primary:hover:not(:disabled){background:#c9a84c33}.pagination-btn:disabled{opacity:.45;cursor:not-allowed}.export-section{margin-bottom:0}.export-section-header{margin-bottom:var(--space-4)}.export-section-title{color:var(--gold);align-items:center;gap:.5rem;display:flex}.export-section-title h2{font-family:var(--font-heading);color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.export-section-hint{color:var(--text-dim);margin:.35rem 0 0;font-size:.82rem}.export-section-msg{margin-bottom:var(--space-3)}.export-section-form{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.export-csv-btn{border-radius:var(--radius-sm);color:var(--gold);cursor:pointer;white-space:nowrap;background:linear-gradient(145deg,#c9a84c47 0%,#c9a84c1a 100%);border:1px solid #c9a84c66;align-items:center;gap:.45rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:700;display:inline-flex}.export-csv-btn:hover:not(:disabled){background:#c9a84c38;border-color:#c9a84c8c}.export-csv-btn:disabled{opacity:.65;cursor:not-allowed}.reports-page{gap:var(--space-5);flex-direction:column;display:flex}.reports-kpi-strip{gap:var(--space-3);flex-direction:column;display:flex}.reports-kpi-note{color:var(--text-dim);margin:0;font-size:.78rem}.reports-kpi-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.reports-kpi-card{min-height:148px}.reports-kpi-card--skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;border:1px solid #c9a84c1f;min-height:148px;animation:1.2s infinite treasury-shimmer}.reports-section-msg{margin-bottom:var(--space-3)}.reports-chart-section{margin-bottom:0}.reports-chart-header{margin-bottom:var(--space-4)}.reports-chart-title{color:var(--gold);align-items:center;gap:.5rem;display:flex}.reports-chart-title h2{font-family:var(--font-heading);color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.reports-chart-subtitle{color:var(--text-dim);margin:.35rem 0 0;font-size:.82rem}.reports-chart-container{min-height:280px;padding:var(--space-2) 0;border-radius:var(--radius-md);background:linear-gradient(#060e1c99 0%,#0c1a3059 100%);border:1px solid #c9a84c1a}.reports-chart-skeleton{justify-content:center;align-items:center;gap:var(--space-3);min-height:280px;color:var(--text-muted);font-size:.9rem;display:flex}.recharts-tooltip-custom{border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:linear-gradient(145deg,#142d4ff2 0%,#060e1cfa 100%);border:1px solid #c9a84c59;padding:.65rem .85rem}.recharts-tooltip-custom__label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:.68rem;font-weight:600}.recharts-tooltip-custom__value{font-family:var(--font-heading);color:var(--gold);margin:.25rem 0 0;font-size:1rem;font-weight:700}.reports-table-section{margin-bottom:0}.reports-table-header h2{margin:0 0 var(--space-4);font-family:var(--font-heading);color:var(--text);font-size:1.05rem;font-weight:700}.reports-apply-btn{border-radius:var(--radius-sm);color:var(--gold);cursor:pointer;background:#c9a84c1f;border:1px solid #c9a84c66;align-items:center;padding:.55rem 1rem;font-size:.82rem;font-weight:700;display:inline-flex}.reports-apply-btn:hover{background:#c9a84c38}.reports-table{min-width:960px}.reports-commission{color:var(--gold);font-weight:600}.reports-net-payout{color:#6ee7b7;font-weight:600}.settings-page{gap:var(--space-5);flex-direction:column;display:flex}.settings-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.settings-card{margin-bottom:0}.settings-card--session{grid-column:1/-1}.settings-section-title{margin-bottom:var(--space-4);color:var(--gold);align-items:center;gap:.5rem;display:flex}.settings-section-title h2{font-family:var(--font-heading);color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.settings-section-msg{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.settings-rows{gap:var(--space-3);flex-direction:column;display:flex}.settings-row{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid #ffffff0d;padding:.75rem 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row--stacked{flex-direction:column;align-items:stretch;gap:.35rem}.settings-row-main{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.settings-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);font-size:.78rem;font-weight:600}.settings-value{color:var(--text);text-align:right;font-size:.92rem}.settings-value--gold{color:var(--gold);font-weight:700}.settings-footnote{color:var(--text-dim);margin:0;font-size:.68rem;line-height:1.4}.settings-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--gold);background:#c9a84c1f;border:1px solid #c9a84c66;border-radius:999px;padding:.22rem .65rem;font-size:.68rem;font-weight:700;display:inline-flex}.settings-status{align-items:center;gap:.35rem;font-size:.88rem;font-weight:600;display:inline-flex}.settings-status--ok{color:#6ee7b7}.settings-status--warn{color:#fcd34d}.settings-status--loading{color:var(--text-muted)}.session-expiry{color:var(--gold);font-weight:600}.settings-logout-btn{margin-top:var(--space-4);border-radius:var(--radius-sm);color:#fca5a5;cursor:pointer;background:#ef44441f;border:1px solid #ef444466;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.15rem;font-size:.85rem;font-weight:700;display:inline-flex}.settings-logout-btn:hover:not(:disabled){background:#ef444433;border-color:#ef44448c}.settings-logout-btn:disabled{opacity:.65;cursor:not-allowed}@media (width<=1100px){.overview-grid{grid-template-columns:repeat(2,1fr)}.treasury-grid{grid-template-columns:1fr}.transactions-kpi-grid,.reports-kpi-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.settings-card--session{grid-column:auto}}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.is-open{box-shadow:var(--shadow-md);transform:translate(0)}.layout-main{margin-left:0}.layout-menu-btn{display:inline-flex}.layout-content{padding:var(--space-4)}.overview-grid,.treasury-grid,.treasury-balance-stats{grid-template-columns:1fr}.settlement-table thead{display:none}.settlement-table td{border:none;padding:.35rem 0;display:block}.settlement-table td:before{content:attr(data-label) ": ";text-transform:uppercase;color:var(--text-dim);font-size:.68rem;font-weight:600}.settlement-row{padding:var(--space-3) 0;border-bottom:1px solid #ffffff0f;display:block}.overview-hero{padding:var(--space-5)}.transactions-kpi-grid,.reports-kpi-grid{grid-template-columns:1fr}.reports-table thead,.ledger-table thead{display:none}.ledger-table td{border:none;padding:.35rem 0;display:block}.ledger-table td:before{content:attr(data-label) ": ";text-transform:uppercase;color:var(--text-dim);font-size:.68rem;font-weight:600}.ledger-row{padding:var(--space-3) 0;border-bottom:1px solid #ffffff0f;display:block}.pagination-controls{flex-direction:column;align-items:stretch}.pagination-actions{justify-content:stretch}.pagination-btn{flex:1}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--bg-elevated:#141414;--bg-input:#1a1a1a;--border:#c9a84c2e;--gold:#c9a84c;--gold-hover:#d4b65e;--gold-muted:#c9a84c1f;--text:#f5f5f5;--text-muted:#9ca3af;--error:#f87171;--error-bg:#f871711a;--radius:14px;--font:"DM Sans", system-ui, -apple-system, sans-serif}html,body,#root{min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input{font:inherit}.auth-loading{background:var(--bg);place-items:center;min-height:100vh;display:grid}.auth-spinner{border:2px solid var(--gold-muted);border-top-color:var(--gold);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:var(--bg);place-items:center;min-height:100vh;padding:1.5rem;display:grid;position:relative;overflow:hidden}.login-bg-glow{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.login-bg-glow--1{background:#c9a84c14;width:420px;height:420px;top:-120px;right:-80px}.login-bg-glow--2{background:#c9a84c0d;width:320px;height:320px;bottom:-100px;left:-60px}.login-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);z-index:1;width:100%;max-width:420px;padding:2.25rem 2rem 1.75rem;position:relative;box-shadow:0 0 0 1px #ffffff08,0 24px 48px #00000073}.login-header{text-align:center;margin-bottom:2rem}.login-logo{background:var(--gold-muted);width:56px;height:56px;color:var(--gold);border:1px solid var(--border);border-radius:16px;place-items:center;margin:0 auto 1rem;display:grid}.login-brand{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem;font-size:.8rem;font-weight:600}.login-title{letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.75rem;font-weight:700}.login-subtitle{color:var(--text-muted);font-size:.95rem}.login-form{flex-direction:column;gap:1.15rem;display:flex}.login-error{background:var(--error-bg);color:var(--error);border:1px solid #f8717140;border-radius:10px;padding:.75rem 1rem;font-size:.875rem;line-height:1.4}.login-field{flex-direction:column;gap:.45rem;display:flex}.login-label{color:var(--text-muted);font-size:.82rem;font-weight:500}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:.95rem}.login-input-wrap input{background:var(--bg-input);width:100%;color:var(--text);border:1px solid #ffffff14;border-radius:10px;outline:none;padding:.85rem 1rem .85rem 2.65rem;transition:border-color .2s,box-shadow .2s}.login-input-wrap input::placeholder{color:#6b7280}.login-input-wrap input:focus{border-color:#c9a84c73;box-shadow:0 0 0 3px #c9a84c1f}.login-input-wrap input:disabled{opacity:.6;cursor:not-allowed}.login-submit{background:linear-gradient(180deg, var(--gold) 0%, #b8943f 100%);color:#0a0a0a;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.35rem;padding:.9rem 1rem;font-size:.95rem;font-weight:700;transition:filter .2s,transform .15s;display:inline-flex}.login-submit:hover:not(:disabled){filter:brightness(1.06)}.login-submit:active:not(:disabled){transform:scale(.99)}.login-submit:disabled{opacity:.75;cursor:not-allowed}.login-btn-spinner{border:2px solid #0a0a0a40;border-top-color:#0a0a0a;border-radius:50%;width:16px;height:16px;animation:.65s linear infinite spin}.login-footer{color:#6b7280;border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:.5rem;margin-top:1.75rem;padding-top:1.25rem;font-size:.75rem;display:flex}.login-footer-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #22c55e80}.dashboard-page{background:var(--bg);min-height:100vh}.dashboard-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414cc;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.dashboard-brand{align-items:center;gap:.6rem;font-size:1rem;font-weight:700;display:flex}.dashboard-brand-icon{color:var(--gold)}.dashboard-logout{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.45rem;padding:.55rem 1rem;transition:color .2s,border-color .2s;display:inline-flex}.dashboard-logout:hover:not(:disabled){color:var(--text);border-color:#c9a84c59}.dashboard-main{max-width:720px;margin:0 auto;padding:2rem 1.5rem}.dashboard-card{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);padding:2rem}.dashboard-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem;font-size:.75rem;font-weight:600}.dashboard-card h1{margin-bottom:.5rem;font-size:1.65rem}.dashboard-muted{color:var(--text-muted);margin-bottom:1.5rem}.dashboard-user{background:var(--bg-input);border:1px solid #ffffff0f;border-radius:10px;padding:1rem 1.1rem}.dashboard-user-label{color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem;display:block}.dashboard-user-email{color:var(--text);word-break:break-all;font-weight:600}@media (width<=480px){.login-card{padding:1.75rem 1.25rem 1.5rem}.dashboard-header{padding:.85rem 1rem}.dashboard-main{padding:1.25rem 1rem}}