:root{--font-display: "Space Grotesk", "Segoe UI", sans-serif;--font-body: "IBM Plex Sans", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 4px 14px rgba(16, 24, 40, .08);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .12)}:root,[data-theme=light]{--ink: #f4f6f9;--surface: #ffffff;--card: #ffffff;--card-hover: #f5f8fb;--border: #e6eaf0cc;--border-solid: #e2e7ef;--text: #0f1a2b;--text-muted: #5b6879;--text-faint: #94a0b2;--accent: #0b4f8f;--accent-strong: #053768;--accent-soft: #0b4f8f17;--accent-contrast: #ffffff;--blue: #2e6ff2;--blue-soft: #2e6ff214;--violet: #7c5cfc;--violet-soft: #7c5cfc14;--amber: #b5560c;--amber-soft: #f790091f;--red: #d92d20;--red-soft: #d92d2014;--brand-red: #960b0b;--brand-red-soft: #960b0b14;--sidebar-grad: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);--brand-grad: linear-gradient(135deg, #0b4f8f, #053768)}[data-theme=dark]{--ink: #0a0f17;--surface: #101827;--card: #141e2d;--card-hover: #1a2536;--border: #24304399;--border-solid: #263149;--text: #eef2f6;--text-muted: #94a3b8;--text-faint: #5c6879;--accent: #4a8fd6;--accent-strong: #2e6ab3;--accent-soft: #4a8fd624;--accent-contrast: #06111f;--blue: #5b8def;--blue-soft: #5b8def22;--violet: #9b83fd;--violet-soft: #9b83fd22;--amber: #f0a13a;--amber-soft: #f0a13a22;--red: #f0716c;--red-soft: #f0716c22;--brand-red: #e0554e;--brand-red-soft: #e0554e22;--sidebar-grad: linear-gradient(180deg, #101827 0%, #0c1320 100%);--brand-grad: linear-gradient(135deg, #4a8fd6, #2e6ab3)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(circle at 100% 0%,var(--accent-soft),transparent 40%),repeating-linear-gradient(0deg,#10182508 0px,#10182508 1px,transparent 1px,transparent 36px),var(--ink);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease}a{color:inherit}button{font-family:inherit}::selection{background:var(--accent-soft)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;flex-shrink:0;background:var(--sidebar-grad);border-right:1px solid var(--border-solid);padding:22px 14px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:2px 8px 0}.brand-logo{height:32px;width:auto;display:block}.brand-logo-light{height:30px;background:#fff;border-radius:8px;padding:6px 10px;box-shadow:var(--shadow-sm)}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint);font-weight:700;padding:10px 12px 4px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius);color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:background .15s,color .15s}.nav-link svg{flex-shrink:0;opacity:.8}.nav-link:hover{background:var(--card-hover);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.nav-link.active svg{opacity:1}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border-solid);padding-top:14px;display:flex;flex-direction:column;gap:10px}.theme-toggle{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius);background:var(--card-hover);border:1px solid var(--border-solid)}.theme-toggle-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-muted)}.theme-switch{width:40px;height:22px;border-radius:100px;background:var(--border-solid);position:relative;cursor:pointer;border:none;flex-shrink:0;transition:background .15s}.theme-switch.on{background:var(--accent)}.theme-switch-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .15s}.theme-switch.on .theme-switch-knob{transform:translate(18px)}.user-chip{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--accent-strong);flex-shrink:0}.user-meta{min-width:0}.user-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--text-faint);text-transform:capitalize}.signout-btn{width:100%;background:transparent;border:1px solid var(--border-solid);color:var(--text-muted);padding:7px 10px;border-radius:var(--radius);font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;justify-content:center}.signout-btn:hover{border-color:var(--red);color:var(--red)}.main{flex:1;padding:30px 40px 60px;max-width:1220px}.page-header{margin-bottom:26px;padding:22px 26px;border-radius:var(--radius-lg);background:linear-gradient(120deg,var(--accent-soft),transparent 65%),var(--card);border:1px solid var(--border-solid);box-shadow:var(--shadow-sm)}.page-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-strong);font-weight:700;margin-bottom:6px}.page-title{font-family:var(--font-display);font-size:27px;font-weight:600;letter-spacing:-.01em;margin:0}.page-subtitle{color:var(--text-muted);font-size:14px;margin-top:6px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}.stat-card{position:relative;background:var(--card);border:1px solid var(--border-solid);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--stat-accent, var(--accent))}.stat-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center}.stat-icon.accent-green{background:var(--accent-soft);color:var(--accent-strong)}.stat-card:has(.accent-green){--stat-accent: var(--accent-strong)}.stat-icon.accent-blue{background:var(--blue-soft);color:var(--blue)}.stat-card:has(.accent-blue){--stat-accent: var(--blue)}.stat-icon.accent-violet{background:var(--violet-soft);color:var(--violet)}.stat-card:has(.accent-violet){--stat-accent: var(--violet)}.stat-icon.accent-amber{background:var(--amber-soft);color:var(--amber)}.stat-card:has(.accent-amber){--stat-accent: var(--amber)}.stat-label{font-size:12.5px;color:var(--text-muted)}.stat-value{font-family:var(--font-mono);font-size:23px;font-weight:600;font-variant-numeric:tabular-nums}.card{background:var(--card);border:1px solid var(--border-solid);border-top:1px solid var(--border-solid);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-sm);position:relative}.card:before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,var(--accent),transparent 55%);opacity:.5}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px;flex-wrap:wrap}.card-title{font-family:var(--font-display);font-size:16px;font-weight:600}.card-subtitle{font-size:12.5px;color:var(--text-muted);margin-top:2px}.ledger{width:100%;border-collapse:collapse;font-size:13.5px}.ledger th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--border-solid)}.ledger td{padding:11px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.ledger tr:last-child td{border-bottom:none}.ledger .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ledger tr:hover td{background:var(--card-hover)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:100px;font-size:11.5px;font-weight:600;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill-pending{background:var(--amber-soft);color:var(--amber)}.pill-active,.pill-paid,.pill-received,.pill-disbursed,.pill-approved{background:var(--accent-soft);color:var(--accent-strong)}.pill-overdue,.pill-rejected,.pill-failed,.pill-suspended{background:var(--red-soft);color:var(--red)}.pill-info_requested,.pill-inactive{background:var(--blue-soft);color:var(--blue)}.role-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.role-lender{background:var(--violet-soft);color:var(--violet)}.role-admin{background:var(--blue-soft);color:var(--blue)}.role-borrower{background:var(--accent-soft);color:var(--accent-strong)}.btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:var(--radius);padding:9px 16px;font-size:13.5px;font-weight:600;cursor:pointer;transition:transform .1s,opacity .15s,background .15s;font-family:var(--font-body)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-secondary{background:var(--card-hover);color:var(--text);border:1px solid var(--border-solid)}.btn-secondary:hover:not(:disabled){border-color:var(--text-faint)}.btn-danger{background:var(--red-soft);color:var(--red)}.btn-danger:hover:not(:disabled){background:var(--red);color:#fff}.btn-sm{padding:6px 11px;font-size:12.5px}.btn-icon{width:34px;height:34px;padding:0;justify-content:center;background:var(--card-hover);color:var(--text-muted);border:1px solid var(--border-solid);border-radius:var(--radius)}.btn-icon:hover{color:var(--text);border-color:var(--text-faint)}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;background:var(--surface);border:1px solid var(--border-solid);border-radius:var(--radius);padding:10px 12px;color:var(--text);font-size:14px;font-family:var(--font-body)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field-hint{font-size:12px;color:var(--text-faint);margin-top:5px}.field-error{font-size:12px;color:var(--red);margin-top:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tab-bar{display:flex;gap:4px;border-bottom:1px solid var(--border-solid);margin-bottom:20px;overflow-x:auto}.tab-btn{background:none;border:none;padding:10px 16px;font-size:13.5px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tab-btn.active{color:var(--accent-strong);border-bottom-color:var(--accent)}.auth-screen{min-height:100vh;display:flex}.auth-ledger{position:relative;flex:1 1 54%;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:56px 60px;overflow:hidden;background:repeating-linear-gradient(0deg,#ffffff09 0px,#ffffff09 1px,transparent 1px,transparent 34px),radial-gradient(circle at 12% 8%,#ffffff10,transparent 45%),linear-gradient(155deg,#0b1220,#0a0f17 55%,#071019);color:#eef2f6}.auth-ledger-sheen{position:absolute;top:-20%;right:-60%;bottom:-20%;left:-60%;background:linear-gradient(75deg,transparent 40%,#960b0b22 48%,#960b0b36 50%,#960b0b22 52%,transparent 60%);animation:ledgerSheen 9s ease-in-out infinite;pointer-events:none}@keyframes ledgerSheen{0%,to{transform:translate(-18%)}50%{transform:translate(18%)}}.auth-ledger-coins{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.coin{position:absolute;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.02em;color:#f6cfc9;background:radial-gradient(circle at 32% 28%,#d9645c,#960b0b 55%,#4a0505);box-shadow:inset 0 0 0 1px #fff3,0 8px 18px #0005;opacity:.16;animation:coinFloat 7s ease-in-out infinite}.coin-1{top:12%;right:14%;width:46px;height:46px;animation-delay:0s}.coin-2{top:58%;right:22%;width:64px;height:64px;animation-delay:1.4s}.coin-3{top:36%;right:6%;width:34px;height:34px;animation-delay:2.8s}@keyframes coinFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.auth-ledger-top{position:relative;z-index:1;max-width:420px}.auth-ledger-headline{font-family:var(--font-display);font-size:30px;line-height:1.25;font-weight:600;margin:22px 0 0;color:#fff}.auth-ledger-points{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;max-width:420px}.auth-ledger-points li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#c3ccd8}.auth-point-check{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;border-radius:50%;background:var(--accent-soft);color:#7db3e8;margin-top:1px}.auth-ledger-ref{position:relative;z-index:1;font-size:11.5px;letter-spacing:.02em;color:#5c6879}.auth-panel{flex:1 1 46%;display:flex;align-items:center;justify-content:center;background:var(--surface);padding:40px}.auth-card{width:100%;max-width:360px}.auth-brand{display:flex;align-items:center;gap:10px}.auth-title{font-family:var(--font-display);font-size:24px;font-weight:600;margin:0 0 6px}.auth-subtitle{font-size:13.5px;color:var(--text-muted);margin-bottom:26px}.auth-credit{margin:28px 0 0;text-align:center;font-size:12px;font-style:italic;color:var(--text-faint)}.auth-rise{animation:authRise .6s cubic-bezier(.16,1,.3,1) both}@keyframes authRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.btn-shine{position:relative;overflow:hidden}.btn-shine:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(115deg,transparent,#ffffff55,transparent);transform:skew(-20deg);transition:left .6s ease}.btn-shine:hover:after{left:130%}@media (prefers-reduced-motion: reduce){.auth-ledger-sheen,.coin,.auth-rise,.btn-shine:after{animation:none!important;transition:none!important;opacity:1}}@media (max-width: 860px){.auth-screen{flex-direction:column}.auth-ledger{flex:none;padding:40px 28px;gap:20px}.auth-ledger-headline{font-size:22px;margin-top:14px}.auth-ledger-points{display:none}.auth-panel{flex:none;padding:32px 24px 48px}}.banner{padding:10px 14px;border-radius:var(--radius);font-size:13px;margin-bottom:16px}.banner-error{background:var(--red-soft);color:var(--red)}.banner-success{background:var(--accent-soft);color:var(--accent-strong)}.banner-info{background:var(--blue-soft);color:var(--blue)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state-title{font-family:var(--font-display);font-size:15px;color:var(--text);margin-bottom:4px}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-8{display:flex;gap:8px}.stepper{display:flex;gap:6px;margin-bottom:20px}.step-dot{flex:1;height:4px;border-radius:2px;background:var(--border-solid)}.step-dot.active{background:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1799;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{width:440px;max-width:100%;max-height:90vh;overflow-y:auto;background:var(--card);border:1px solid var(--border-solid);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-lg)}.divider{height:1px;background:var(--border-solid);margin:18px 0;border:none}.kv-table td:first-child{color:var(--text-muted);width:40%}@media (max-width: 900px){.sidebar{display:none}.main{padding:20px}.stat-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}}.bar-chart{display:flex;align-items:flex-end;gap:20px;height:200px;padding:16px 8px 0}.bar-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px}.bar-chart-value{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text)}.bar-chart-bar{width:44px;border-radius:8px 8px 3px 3px;min-height:4px;transition:height .4s ease;box-shadow:var(--shadow-sm)}.bar-chart-label{font-size:12.5px;color:var(--text-muted);text-align:center}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.voucher-print{border:1px dashed var(--border-solid);border-radius:var(--radius);padding:20px}.voucher-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;border-bottom:2px solid var(--accent-strong);padding-bottom:12px}.voucher-brand{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--accent-strong)}.voucher-title{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}@media print{.sidebar,.page-header,.tab-bar,.btn,.banner{display:none!important}.main{padding:0!important}.card:not(#voucher-section){display:none!important}#voucher-section{border:none!important;box-shadow:none!important}}.money-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:48px 0;color:var(--text-muted);font-size:13.5px}.money-loader-stack{display:flex;gap:6px}.money-loader-coin{width:28px;height:28px;border-radius:50%;background:var(--brand-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;font-family:var(--font-mono);box-shadow:var(--shadow-sm);animation:coin-flip .9s ease-in-out infinite}.money-loader-coin:nth-child(2){animation-delay:.15s}.money-loader-coin:nth-child(3){animation-delay:.3s}@keyframes coin-flip{0%,to{transform:rotateY(0) translateY(0);opacity:1}50%{transform:rotateY(180deg) translateY(-8px);opacity:.65}}.money-loader-text{display:flex;flex-direction:column;align-items:center;gap:2px}.money-loader-count{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--accent-strong);letter-spacing:.02em}.money-loader-label{font-size:12.5px;color:var(--text-faint)}.req-asterisk{color:var(--red);font-weight:700;margin-left:2px}.field-hint-danger{color:var(--red);font-weight:700}.field-hint-success{color:var(--accent-strong);font-weight:600}.money-banner{display:flex;align-items:center;gap:10px;font-weight:500;animation:banner-pop .35s cubic-bezier(.34,1.56,.64,1)}.money-banner-icon{font-size:17px;flex-shrink:0}.money-banner-error{background:var(--red-soft);color:var(--red);animation:banner-pop .35s cubic-bezier(.34,1.56,.64,1),banner-shake .4s ease .35s}.money-banner-success{background:var(--accent-soft);color:var(--accent-strong)}.money-banner-info{background:var(--blue-soft);color:var(--blue)}@keyframes banner-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes banner-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.card{transition:box-shadow .2s ease,transform .2s ease}.btn{transition:transform .12s ease,box-shadow .12s ease,background .15s ease,opacity .15s ease}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn:not(:disabled):active{transform:translateY(0)}.nav-link{transition:background .15s ease,color .15s ease,padding-left .15s ease}.nav-link:hover{padding-left:4px}.field input,.field select,.field textarea{transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 3px var(--accent-soft)}.stat-card{transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, var(--shadow-lg))}.doc-pill{cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;display:inline-block}.doc-pill:hover{transform:translateY(-1px) scale(1.03);box-shadow:var(--shadow-sm)}.main>*{animation:page-in .28s ease both}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.password-field{position:relative}.password-field input{width:100%;padding-right:40px}.password-eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;display:flex;align-items:center;transition:color .15s ease}.password-eye-btn:hover{color:var(--accent-strong)}@media (max-width: 640px){.page-title{font-size:20px}.stat-grid{grid-template-columns:1fr}.card{padding:16px}.ledger{font-size:12.5px}.tab-bar{gap:2px}.modal{width:calc(100vw - 32px);padding:18px}.voucher-header{flex-direction:column;align-items:flex-start;gap:4px}}