@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f3f4f6;margin:0;padding:0;font-family:Inter,sans-serif}#root{width:100%;min-height:100vh;display:block}input:focus{outline-offset:-1px;outline:2px solid #0b3b4c}.finance-dashboard{max-width:1400px;margin:0 auto;padding-bottom:32px;font-family:Inter,sans-serif}.finance-header{margin-bottom:24px}.finance-title{color:#111827;margin-bottom:4px;font-size:24px;font-weight:700}.finance-subtitle{color:#6b7280;font-size:14px}.finance-tabs{background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;margin-bottom:24px;padding:6px;display:flex;overflow-x:auto;box-shadow:0 1px 2px #0000000d}.finance-tabs::-webkit-scrollbar{display:none}.finance-tab-btn{white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.finance-tab-btn.active{color:#fff;background-color:#133544;box-shadow:0 1px 3px #0000001a}.finance-tab-btn:not(.active){color:#4b5563}.finance-tab-btn:not(.active):hover{color:#133544;background-color:#f9fafb}.finance-grid-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.finance-grid-2{grid-template-columns:repeat(1,1fr);gap:24px;margin-bottom:24px;display:grid}@media (width>=1024px){.finance-grid-2{grid-template-columns:repeat(2,1fr)}}.stat-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px;transition:box-shadow .2s;display:flex;box-shadow:0 1px 2px #0000000d}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a}.stat-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.stat-title{color:#6b7280;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:600}.stat-value{color:#111827;font-size:24px;font-weight:700}.stat-subtitle{align-items:center;gap:4px;margin-top:8px;font-size:12px;display:flex}.stat-icon{border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.icon-blue{color:#2563eb;background-color:#dbeafe}.icon-emerald{color:#059669;background-color:#d1fae5}.icon-rose{color:#e11d48;background-color:#ffe4e6}.icon-purple{color:#9333ea;background-color:#f3e8ff}.icon-amber{color:#d97706;background-color:#fef3c7}.icon-indigo{color:#4f46e5;background-color:#e0e7ff}.icon-gray{color:#4b5563;background-color:#f3f4f6}.finance-panel{background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000d}.panel-header{background-color:#f9fafb;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:20px;display:flex}.panel-title{color:#111827;align-items:center;gap:8px;font-weight:700;display:flex}.finance-table-wrapper{flex-grow:1;overflow-x:auto}.finance-table{border-collapse:collapse;width:100%}.finance-table th{text-align:left;color:#6b7280;text-transform:uppercase;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:12px;font-weight:600;position:sticky;top:0}.finance-table th.text-right{text-align:right}.finance-table th.text-center{text-align:center}.finance-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:16px;font-size:14px}.finance-table tr:hover td{background-color:#f9fafb}.finance-table td.text-right{text-align:right}.finance-table td.text-center{text-align:center}.finance-table td.font-bold{color:#111827;font-weight:700}.badge{border-radius:9999px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge-red{color:#991b1b;background-color:#fee2e2}.badge-amber{color:#92400e;background-color:#fef3c7}.btn-primary{color:#fff;cursor:pointer;background-color:#133544;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .2s;display:inline-flex}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{color:#1d4ed8;cursor:pointer;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-outline:hover{background-color:#dbeafe}.modal-overlay{z-index:50;background-color:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;display:flex;box-shadow:0 20px 25px -5px #0000001a}.modal-body{background-color:#f9fafb;flex-grow:1;padding:24px;overflow-y:auto}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.text-emerald{color:#059669}.text-rose{color:#e11d48}.text-amber{color:#d97706}.text-indigo{color:#4f46e5}.text-purple{color:#9333ea}.text-gray{color:#6b7280}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.p-4{padding:16px}.p-6{padding:24px}.pb-3{padding-bottom:12px}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.border-b{border-bottom:1px solid #f3f4f6}.w-full{width:100%}.loader{border:3px solid #f3f3f3;border-top-color:#133544;border-radius:50%;width:40px;height:40px;margin:40px auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filter-bar{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.filter-input{color:#4b5563;background:0 0;border:none;outline:none;font-size:14px}.alert-item{background:#fff;border-bottom:1px solid #f3f4f6;gap:12px;padding:16px;display:flex}.alert-item:hover{background:#f9fafb}.empty-state{text-align:center;color:#6b7280;flex-direction:column;align-items:center;gap:16px;padding:40px;display:flex}