@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}:root{--color-primary:#090979;--color-primary-light:#1a1aba;--color-primary-dark:#020025;--color-primary-50:#e8e8f8;--color-primary-100:#c5c5ed;--color-primary-200:#9e9edb;--color-bg:#f5f7fa;--color-surface:#fff;--color-surface-hover:#f0f2f5;--color-surface-active:#e8ebf0;--color-border:#e2e5ea;--color-border-light:#f0f1f3;--color-text-primary:#1a1d23;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-text-inverse:#fff;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-warning:#f59e0b;--color-warning-bg:#fef3c7;--color-error:#dc2626;--color-error-bg:#fee2e2;--color-info:#2563eb;--color-info-bg:#dbeafe;--color-credit:#16a34a;--color-debit:#dc2626;--color-status-active:#16a34a;--color-status-pending:#f59e0b;--color-status-inactive:#9ca3af;--color-status-error:#dc2626;--color-status-processing:#2563eb;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 25px -3px #0000001a,0 4px 6px -4px #0000000d;--shadow-xl:0 20px 40px -5px #0000001f;--sidebar-width:260px;--sidebar-collapsed:68px;--header-height:64px;--content-max-width:1400px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-base)ease-out}.animate-slide-in{animation:slideInRight var(--transition-base)ease-out}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}
.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;padding:.625rem 1.25rem;line-height:1.4;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover)}.btn-danger{background:var(--color-error);color:var(--color-text-inverse);border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}.btn-sm{font-size:var(--font-size-xs);padding:.375rem .75rem}.btn-lg{font-size:var(--font-size-base);padding:.75rem 1.5rem}.btn-icon{width:36px;height:36px;padding:.5rem}.card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-body{padding:var(--spacing-lg)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.card-footer{padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--color-border-light)}.stat-card{padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stat-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.stat-card-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.2}.stat-card-change{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs);border-radius:var(--radius-full);align-items:center;gap:2px;padding:2px 8px;display:inline-flex}.stat-card-change.positive{color:var(--color-success);background:var(--color-success-bg)}.stat-card-change.negative{color:var(--color-error);background:var(--color-error-bg)}.input-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.input-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.input{width:100%;font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;padding:.625rem .875rem}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50)}.input::placeholder{color:var(--color-text-muted)}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px var(--color-error-bg)}.input-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.input-error-msg{font-size:var(--font-size-xs);color:var(--color-error)}.select{width:100%;font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E") no-repeat right .75rem center;appearance:none;color:var(--color-text-primary);transition:border-color var(--transition-fast);cursor:pointer;outline:none;padding:.625rem 2rem .625rem .875rem}.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50)}.table-container{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:.75rem 1rem}.table td{font-size:var(--font-size-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);vertical-align:middle;padding:.75rem 1rem}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-surface-hover)}.table tbody tr:last-child td{border-bottom:none}.badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:2px 10px;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:#92400e}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-neutral{background:var(--color-surface-hover);color:var(--color-text-secondary)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:90vh;animation:.2s ease-out fadeIn;overflow-y:auto}.modal-lg{max-width:800px}.modal-fullscreen{width:95vw;max-width:95vw;height:95vh;max-height:95vh}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal-body{padding:var(--spacing-lg)}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--color-border-light);display:flex}.sidebar{height:100vh;width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border-light);transition:width var(--transition-base);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-logo{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);height:var(--header-height);border-bottom:1px solid var(--color-border-light);display:flex}.sidebar-logo-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-md);color:#fff;width:36px;height:36px;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo-text{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden}.sidebar-nav{padding:var(--spacing-md)var(--spacing-sm);flex:1;overflow-y:auto}.sidebar-nav-item{align-items:center;gap:var(--spacing-md);padding:.625rem var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;margin-bottom:2px;display:flex;overflow:hidden}.sidebar-nav-item:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.sidebar-nav-item.active{background:var(--color-primary-50);color:var(--color-primary)}.sidebar-nav-item svg,.sidebar-nav-item .nav-icon{flex-shrink:0;width:20px;height:20px}.sidebar-nav-label{white-space:nowrap;opacity:1;transition:opacity var(--transition-fast);overflow:hidden}.sidebar.collapsed .sidebar-nav-label,.sidebar.collapsed .sidebar-logo-text{opacity:0;width:0}.sidebar-divider{background:var(--color-border-light);height:1px;margin:var(--spacing-sm)var(--spacing-md)}.sidebar-section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-sm)var(--spacing-md);white-space:nowrap;overflow:hidden}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border-light)}.sidebar-toggle{width:100%;height:36px;color:var(--color-text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.main-content{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-base)}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.page-header{padding:var(--spacing-lg)var(--spacing-xl);border-bottom:1px solid var(--color-border-light);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.page-header h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.page-body{padding:var(--spacing-xl);max-width:var(--content-max-width)}.grid-stats{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.grid-2{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.tabs{border-bottom:2px solid var(--color-border-light);gap:0;display:flex}.tab{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.75rem 1.25rem}.tab:hover{color:var(--color-text-primary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab .tab-badge{min-width:20px;height:20px;font-size:11px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);background:var(--color-surface-hover);color:var(--color-text-secondary);justify-content:center;align-items:center;margin-left:6px;padding:0 6px;display:inline-flex}.tab.active .tab-badge{background:var(--color-primary-50);color:var(--color-primary)}.pagination{padding:var(--spacing-md)0;font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.pagination-controls{align-items:center;gap:var(--spacing-xs);display:flex}.pagination-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:32px;height:32px;color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;display:flex}.pagination-btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}.pagination-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.empty-state{padding:var(--spacing-3xl)var(--spacing-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:64px;height:64px;color:var(--color-text-muted);margin-bottom:var(--spacing-lg);opacity:.5}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.empty-state-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:400px}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.spinner-lg{border-width:3px;width:36px;height:36px}.loading-page{justify-content:center;align-items:center;min-height:60vh;display:flex}.skeleton{background:linear-gradient(90deg,var(--color-surface-hover)25%,var(--color-border-light)50%,var(--color-surface-hover)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.tooltip-wrapper{position:relative}.tooltip{background:var(--color-text-primary);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:200;padding:4px 10px;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.tooltip-wrapper:hover .tooltip{opacity:1}.search-bar{position:relative}.search-bar-icon{width:16px;height:16px;color:var(--color-text-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-bar .input{padding-left:2.25rem}.filter-bar{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.amount-credit{color:var(--color-credit);font-weight:var(--font-weight-semibold)}.amount-debit{color:var(--color-debit);font-weight:var(--font-weight-semibold)}.tag{font-size:11px;font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background:var(--color-primary-50);color:var(--color-primary);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.tag-remove{cursor:pointer;opacity:.6;align-items:center;display:flex}.tag-remove:hover{opacity:1}