:root{--mf-brand-50: #eef2ff;--mf-brand-100: #e0e7ff;--mf-brand-200: #c7d2fe;--mf-brand-300: #a5b4fc;--mf-brand-400: #818cf8;--mf-brand-500: #6366f1;--mf-brand-600: #4f46e5;--mf-brand-700: #4338ca;--mf-brand-800: #3730a3;--mf-brand-900: #312e81;--mf-brand-950: #1e1b4b;--mf-accent-400: #fbbf24;--mf-accent-500: #f59e0b;--mf-accent-600: #d97706;--mf-credit: #047857;--mf-credit-bg: #ecfdf5;--mf-debit: #b91c1c;--mf-debit-bg: #fef2f2;--mf-success: #059669;--mf-success-bg: #d1fae5;--mf-warning: #d97706;--mf-warning-bg: #fef3c7;--mf-danger: #dc2626;--mf-danger-bg: #fee2e2;--mf-info: #0284c7;--mf-info-bg: #e0f2fe;--mf-standard: #059669;--mf-substandard: #d97706;--mf-doubtful: #ea580c;--mf-loss: #b91c1c;--mf-bg: #f6f7fb;--mf-surface: #ffffff;--mf-surface-2: #f9fafb;--mf-surface-3: #f3f4f6;--mf-border: #e5e7eb;--mf-border-strong: #d1d5db;--mf-text: #111827;--mf-text-2: #4b5563;--mf-text-3: #6b7280;--mf-text-inverse: #ffffff;--mf-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mf-font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--mf-text-xs: .75rem;--mf-text-sm: .8125rem;--mf-text-base: .875rem;--mf-text-md: 1rem;--mf-text-lg: 1.125rem;--mf-text-xl: 1.375rem;--mf-text-2xl: 1.75rem;--mf-text-3xl: 2.25rem;--mf-1: .25rem;--mf-2: .5rem;--mf-3: .75rem;--mf-4: 1rem;--mf-5: 1.25rem;--mf-6: 1.5rem;--mf-8: 2rem;--mf-10: 2.5rem;--mf-12: 3rem;--mf-radius-sm: 4px;--mf-radius: 8px;--mf-radius-lg: 12px;--mf-radius-xl: 16px;--mf-radius-full: 999px;--mf-shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--mf-shadow: 0 1px 3px rgba(16, 24, 40, .1), 0 1px 2px rgba(16, 24, 40, .06);--mf-shadow-md: 0 4px 12px rgba(16, 24, 40, .08);--mf-shadow-lg: 0 12px 32px rgba(16, 24, 40, .12);--mf-ring: 0 0 0 3px rgba(99, 102, 241, .35);--mf-console: var(--mf-brand-600);--mf-console-bg: var(--mf-brand-50);--mf-console-label: "Banking"}[data-console=customer]{--mf-console: #0f766e;--mf-console-bg: #f0fdfa}[data-console=cashier]{--mf-console: #1d4ed8;--mf-console-bg: #eff6ff}[data-console=manager]{--mf-console: #6d28d9;--mf-console-bg: #f5f3ff}[data-console=chairman]{--mf-console: #b45309;--mf-console-bg: #fffbeb}[data-console=admin]{--mf-console: #334155;--mf-console-bg: #f8fafc}@media (prefers-color-scheme: dark){:root{--mf-bg: #0b0f1a;--mf-surface: #131a29;--mf-surface-2: #1a2234;--mf-surface-3: #212b40;--mf-border: #263149;--mf-border-strong: #33415c;--mf-text: #f1f5f9;--mf-text-2: #cbd5e1;--mf-text-3: #94a3b8;--mf-credit: #34d399;--mf-credit-bg: #052e22;--mf-debit: #f87171;--mf-debit-bg: #331416;--mf-success-bg: #052e22;--mf-warning-bg: #3a2a05;--mf-danger-bg: #3a1416;--mf-info-bg: #05263a;--mf-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--mf-shadow: 0 1px 3px rgba(0, 0, 0, .5);--mf-shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--mf-shadow-lg: 0 12px 32px rgba(0, 0, 0, .6)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--mf-bg);color:var(--mf-text);font-family:var(--mf-font);font-size:var(--mf-text-base);line-height:1.5;-webkit-font-smoothing:antialiased}.mf-num,td.mf-num,.mf-amount{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}:focus-visible{outline:none;box-shadow:var(--mf-ring);border-radius:var(--mf-radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.mf-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.mf-sidebar{background:var(--mf-surface);border-right:1px solid var(--mf-border);padding:var(--mf-5) var(--mf-3);display:flex;flex-direction:column;gap:var(--mf-1);position:sticky;top:0;height:100vh;overflow-y:auto}.mf-brand{display:flex;align-items:center;gap:var(--mf-3);padding:0 var(--mf-2) var(--mf-5)}.mf-brand-mark{width:36px;height:36px;border-radius:var(--mf-radius);background:var(--mf-console);color:#fff;display:grid;place-items:center;font-weight:700;font-size:var(--mf-text-md);flex-shrink:0}.mf-brand-name{font-weight:700;font-size:var(--mf-text-sm);letter-spacing:.02em;line-height:1.2}.mf-brand-console{font-size:var(--mf-text-xs);color:var(--mf-console);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.mf-nav-item{display:flex;align-items:center;gap:var(--mf-3);padding:var(--mf-2) var(--mf-3);border-radius:var(--mf-radius);color:var(--mf-text-2);text-decoration:none;font-weight:500;font-size:var(--mf-text-base);border:none;background:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}.mf-nav-item:hover{background:var(--mf-surface-3);color:var(--mf-text)}.mf-nav-item[aria-current=page]{background:var(--mf-console-bg);color:var(--mf-console);font-weight:600}.mf-nav-section{font-size:var(--mf-text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--mf-text-3);padding:var(--mf-4) var(--mf-3) var(--mf-1);font-weight:600}.mf-main{display:flex;flex-direction:column;min-width:0}.mf-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--mf-4);padding:var(--mf-4) var(--mf-6);background:var(--mf-surface);border-bottom:1px solid var(--mf-border);position:sticky;top:0;z-index:20}.mf-content{padding:var(--mf-6);flex:1;min-width:0}.mf-page-title{font-size:var(--mf-text-2xl);font-weight:700;margin:0 0 var(--mf-1);letter-spacing:-.02em}.mf-page-sub{color:var(--mf-text-3);margin:0 0 var(--mf-6)}.mf-card{background:var(--mf-surface);border:1px solid var(--mf-border);border-radius:var(--mf-radius-lg);box-shadow:var(--mf-shadow-sm)}.mf-card-header{padding:var(--mf-4) var(--mf-5);border-bottom:1px solid var(--mf-border);display:flex;align-items:center;justify-content:space-between;gap:var(--mf-4)}.mf-card-title{font-weight:650;font-size:var(--mf-text-md);margin:0}.mf-card-body{padding:var(--mf-5)}.mf-card-footer{padding:var(--mf-4) var(--mf-5);border-top:1px solid var(--mf-border);background:var(--mf-surface-2);border-radius:0 0 var(--mf-radius-lg) var(--mf-radius-lg)}.mf-grid{display:grid;gap:var(--mf-4)}.mf-grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.mf-grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.mf-grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.mf-stat{background:var(--mf-surface);border:1px solid var(--mf-border);border-radius:var(--mf-radius-lg);padding:var(--mf-4) var(--mf-5);display:flex;flex-direction:column;gap:var(--mf-1)}.mf-stat-label{font-size:var(--mf-text-xs);color:var(--mf-text-3);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.mf-stat-value{font-size:var(--mf-text-2xl);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.mf-stat-hint{font-size:var(--mf-text-xs);color:var(--mf-text-3)}.mf-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--mf-2);padding:var(--mf-2) var(--mf-4);min-height:38px;border-radius:var(--mf-radius);border:1px solid transparent;font-family:inherit;font-size:var(--mf-text-base);font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease,opacity .12s ease;white-space:nowrap}.mf-btn:disabled{opacity:.5;cursor:not-allowed}.mf-btn-primary{background:var(--mf-console);color:#fff}.mf-btn-primary:hover:not(:disabled){filter:brightness(.92)}.mf-btn-secondary{background:var(--mf-surface);border-color:var(--mf-border-strong);color:var(--mf-text)}.mf-btn-secondary:hover:not(:disabled){background:var(--mf-surface-3)}.mf-btn-ghost{background:transparent;color:var(--mf-text-2)}.mf-btn-ghost:hover:not(:disabled){background:var(--mf-surface-3)}.mf-btn-danger{background:var(--mf-danger);color:#fff}.mf-btn-danger:hover:not(:disabled){filter:brightness(.92)}.mf-btn-lg{min-height:46px;padding:var(--mf-3) var(--mf-6);font-size:var(--mf-text-md)}.mf-btn-block{width:100%}.mf-field{display:flex;flex-direction:column;gap:var(--mf-1);margin-bottom:var(--mf-4)}.mf-label{font-size:var(--mf-text-sm);font-weight:600;color:var(--mf-text-2)}.mf-required{color:var(--mf-danger)}.mf-input,.mf-select,.mf-textarea{padding:var(--mf-2) var(--mf-3);min-height:38px;border:1px solid var(--mf-border-strong);border-radius:var(--mf-radius);background:var(--mf-surface);color:var(--mf-text);font-family:inherit;font-size:var(--mf-text-base);width:100%}.mf-input:focus,.mf-select:focus,.mf-textarea:focus{outline:none;border-color:var(--mf-console);box-shadow:var(--mf-ring)}.mf-input[aria-invalid=true]{border-color:var(--mf-danger)}.mf-hint{font-size:var(--mf-text-xs);color:var(--mf-text-3)}.mf-error{font-size:var(--mf-text-xs);color:var(--mf-danger);font-weight:500}.mf-amount-input{font-family:var(--mf-font-mono);font-size:var(--mf-text-xl);font-variant-numeric:tabular-nums;text-align:right;min-height:52px;letter-spacing:.01em}.mf-amount-words{font-size:var(--mf-text-xs);color:var(--mf-text-2);font-style:italic;min-height:1.2em}.mf-table-wrap{overflow-x:auto;border-radius:var(--mf-radius-lg);border:1px solid var(--mf-border);background:var(--mf-surface)}.mf-table{width:100%;border-collapse:collapse;font-size:var(--mf-text-base)}.mf-table th{text-align:left;padding:var(--mf-3) var(--mf-4);background:var(--mf-surface-2);border-bottom:1px solid var(--mf-border);font-weight:600;font-size:var(--mf-text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--mf-text-3);white-space:nowrap}.mf-table td{padding:var(--mf-3) var(--mf-4);border-bottom:1px solid var(--mf-border);vertical-align:middle}.mf-table tbody tr:last-child td{border-bottom:none}.mf-table tbody tr:hover{background:var(--mf-surface-2)}.mf-table .mf-right{text-align:right;font-variant-numeric:tabular-nums}.mf-badge{display:inline-flex;align-items:center;gap:var(--mf-1);padding:2px var(--mf-2);border-radius:var(--mf-radius-full);font-size:var(--mf-text-xs);font-weight:600;white-space:nowrap}.mf-badge-neutral{background:var(--mf-surface-3);color:var(--mf-text-2)}.mf-badge-success{background:var(--mf-success-bg);color:var(--mf-success)}.mf-badge-warning{background:var(--mf-warning-bg);color:var(--mf-warning)}.mf-badge-danger{background:var(--mf-danger-bg);color:var(--mf-danger)}.mf-badge-info{background:var(--mf-info-bg);color:var(--mf-info)}.mf-credit{color:var(--mf-credit);font-weight:600}.mf-debit{color:var(--mf-debit);font-weight:600}.mf-alert{display:flex;gap:var(--mf-3);padding:var(--mf-3) var(--mf-4);border-radius:var(--mf-radius);border:1px solid transparent;font-size:var(--mf-text-base);margin-bottom:var(--mf-4)}.mf-alert-danger{background:var(--mf-danger-bg);border-color:var(--mf-danger);color:var(--mf-danger)}.mf-alert-warning{background:var(--mf-warning-bg);border-color:var(--mf-warning);color:var(--mf-warning)}.mf-alert-success{background:var(--mf-success-bg);border-color:var(--mf-success);color:var(--mf-success)}.mf-alert-info{background:var(--mf-info-bg);border-color:var(--mf-info);color:var(--mf-info)}.mf-chain{display:flex;align-items:center;gap:var(--mf-2);flex-wrap:wrap}.mf-chain-step{display:flex;align-items:center;gap:var(--mf-2);padding:var(--mf-2) var(--mf-3);border-radius:var(--mf-radius);border:1px solid var(--mf-border);background:var(--mf-surface-2);font-size:var(--mf-text-sm);font-weight:600}.mf-chain-step[data-state=done]{border-color:var(--mf-success);background:var(--mf-success-bg);color:var(--mf-success)}.mf-chain-step[data-state=current]{border-color:var(--mf-console);background:var(--mf-console-bg);color:var(--mf-console)}.mf-chain-arrow{color:var(--mf-text-3)}.mf-row{display:flex;align-items:center;gap:var(--mf-3)}.mf-between{display:flex;align-items:center;justify-content:space-between;gap:var(--mf-3)}.mf-stack{display:flex;flex-direction:column;gap:var(--mf-4)}.mf-spacer{flex:1}.mf-muted{color:var(--mf-text-3)}.mf-small{font-size:var(--mf-text-sm)}.mf-empty{padding:var(--mf-12) var(--mf-6);text-align:center;color:var(--mf-text-3)}.mf-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:mf-spin .6s linear infinite;display:inline-block}@keyframes mf-spin{to{transform:rotate(360deg)}}.mf-auth{min-height:100vh;display:grid;place-items:center;padding:var(--mf-6);background:radial-gradient(1200px 600px at 50% -10%,var(--mf-console-bg),transparent 70%),var(--mf-bg)}.mf-auth-card{width:100%;max-width:400px;background:var(--mf-surface);border:1px solid var(--mf-border);border-radius:var(--mf-radius-xl);box-shadow:var(--mf-shadow-lg);padding:var(--mf-8)}.mf-auth-brand{text-align:center;margin-bottom:var(--mf-6)}.mf-auth-brand .mf-brand-mark{margin:0 auto var(--mf-3);width:48px;height:48px;font-size:var(--mf-text-lg)}.mf-auth-title{font-size:var(--mf-text-lg);font-weight:700;margin:0;letter-spacing:.02em}.mf-auth-console{font-size:var(--mf-text-xs);color:var(--mf-console);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-top:var(--mf-1)}.mf-progress{height:6px;border-radius:var(--mf-radius-full);background:var(--mf-surface-3);overflow:hidden}.mf-progress-fill{height:100%;border-radius:var(--mf-radius-full);background:var(--mf-console);transition:width .3s ease}.mf-progress-fill[data-tone=credit]{background:var(--mf-credit)}.mf-progress-fill[data-tone=debit]{background:var(--mf-debit)}.mf-progress-fill[data-tone=warning]{background:var(--mf-warning)}.mf-progress-label{display:flex;justify-content:space-between;font-size:var(--mf-text-xs);color:var(--mf-text-3);margin-bottom:var(--mf-1)}.mf-skeleton{background:linear-gradient(90deg,var(--mf-surface-3) 25%,var(--mf-surface-2) 50%,var(--mf-surface-3) 75%);background-size:200% 100%;animation:mf-shimmer 1.4s ease-in-out infinite;border-radius:var(--mf-radius-sm);height:1em}@keyframes mf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.mf-skeleton{animation:none}}.mf-toasts{position:fixed;top:var(--mf-4);right:var(--mf-4);z-index:100;display:flex;flex-direction:column;gap:var(--mf-2);max-width:min(420px,calc(100vw - var(--mf-8)));pointer-events:none}@media (max-width: 900px){.mf-toasts{top:auto;bottom:calc(var(--mf-12) + var(--mf-6));left:var(--mf-4);right:var(--mf-4);max-width:none}}.mf-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--mf-3);padding:var(--mf-3) var(--mf-4);border-radius:var(--mf-radius);background:var(--mf-surface);border:1px solid var(--mf-border);border-left:3px solid var(--mf-info);box-shadow:var(--mf-shadow-lg);animation:mf-toast-in .2s ease}.mf-toast[data-tone=success]{border-left-color:var(--mf-success)}.mf-toast[data-tone=danger]{border-left-color:var(--mf-danger)}.mf-toast[data-tone=warning]{border-left-color:var(--mf-warning)}.mf-toast-body{flex:1;font-size:var(--mf-text-base)}.mf-toast-title{font-weight:650;margin-bottom:2px}.mf-toast-close{background:none;border:none;color:var(--mf-text-3);cursor:pointer;font-size:var(--mf-text-lg);line-height:1;padding:0 var(--mf-1)}@keyframes mf-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.mf-nav-item[aria-current=page]{position:relative}@media (min-width: 901px){.mf-nav-item[aria-current=page]:before{content:"";position:absolute;left:-12px;top:20%;bottom:20%;width:3px;border-radius:0 2px 2px 0;background:var(--mf-console)}}.mf-topbar{box-shadow:inset 0 3px 0 var(--mf-console)}.mf-card{transition:box-shadow .15s ease}.mf-card:hover{box-shadow:var(--mf-shadow)}.mf-stat{position:relative;overflow:hidden}.mf-stat:after{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--mf-console);opacity:.5}.mf-stat-value{line-height:1.15}.mf-stat-value.mf-debit,.mf-stat-value.mf-credit{font-weight:750}.mf-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--mf-surface-2) 55%,transparent)}.mf-table tbody tr:hover{background:var(--mf-surface-3)}.mf-table-wrap{max-height:70vh;overflow-y:auto}.mf-table thead th{position:sticky;top:0;z-index:1}.mf-input,.mf-select,.mf-textarea{transition:border-color .12s ease,box-shadow .12s ease}.mf-textarea{min-height:76px;resize:vertical;font-family:inherit}.mf-field label.mf-row{padding:var(--mf-2);border-radius:var(--mf-radius);border:1px solid var(--mf-border);align-items:flex-start}.mf-field label.mf-row:hover{background:var(--mf-surface-2)}.mf-subhead{font-size:var(--mf-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mf-text-3);margin:var(--mf-5) 0 var(--mf-2)}.mf-subhead:first-child{margin-top:0}.mf-dl{display:flex;justify-content:space-between;gap:var(--mf-4);padding:var(--mf-2) 0;border-bottom:1px solid var(--mf-border)}.mf-dl:last-child{border-bottom:none}.mf-dl dt{color:var(--mf-text-3)}.mf-dl dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}@media print{.mf-sidebar,.mf-topbar,.mf-btn,.mf-toasts{display:none!important}.mf-shell{grid-template-columns:1fr}.mf-content{padding:0}.mf-card{border:none;box-shadow:none}.mf-table-wrap{max-height:none;overflow:visible;border:none}.mf-table{font-size:11px}}@media (max-width: 900px){.mf-shell{grid-template-columns:1fr}.mf-sidebar{position:fixed;bottom:0;left:0;right:0;top:auto;height:auto;flex-direction:row;align-items:stretch;border-right:none;border-top:1px solid var(--mf-border);padding:var(--mf-1) var(--mf-1);padding-bottom:max(var(--mf-1),env(safe-area-inset-bottom));z-index:50;overflow-x:auto;box-shadow:0 -2px 12px #1018281a}.mf-sidebar .mf-brand,.mf-sidebar .mf-nav-section{display:none}.mf-sidebar nav{display:flex;width:100%;gap:var(--mf-1)}.mf-sidebar nav>span{flex:1 1 0;display:flex;min-width:0}.mf-nav-item{flex-direction:column;gap:2px;justify-content:center;text-align:center;font-size:var(--mf-text-xs);padding:var(--mf-2) var(--mf-1);min-height:46px}.mf-content{padding:var(--mf-4);padding-bottom:calc(var(--mf-12) + var(--mf-8))}.mf-topbar{padding:var(--mf-3) var(--mf-4)}.mf-page-title{font-size:var(--mf-text-xl)}.mf-card-body,.mf-card-header{padding:var(--mf-4)}.mf-card-header{flex-direction:column;align-items:flex-start}.mf-card-header .mf-row{flex-wrap:wrap}.mf-auth-card{padding:var(--mf-5)}.mf-btn{min-height:44px}}@media (max-width: 560px){.mf-grid-2,.mf-grid-3,.mf-grid-4{grid-template-columns:1fr 1fr}.mf-stat-value,.mf-amount-input{font-size:var(--mf-text-lg)}}