@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.responsive-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.responsive-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.responsive-grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.responsive-grid-1{grid-template-columns:1fr;gap:16px;display:grid}.responsive-grid-2-1{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (width<=1024px){.responsive-grid-4{grid-template-columns:repeat(2,1fr)}.responsive-grid-2-1{grid-template-columns:1fr}}@media (width<=768px){.responsive-grid-4,.responsive-grid-3,.responsive-grid-2,.responsive-grid-2-1,.finance-grid-4,.finance-grid-3,.finance-grid-2{grid-template-columns:1fr!important}.glass-header{padding:0 16px!important}main{padding:16px!important}}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:16px;overflow-x:auto}.sidebar{transition:transform .3s ease-in-out}@media (width<=768px){.sidebar{z-index:1000;top:0;bottom:0;left:0;transform:translate(-100%);position:fixed!important}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:999;opacity:0;visibility:hidden;background:#00000080;transition:all .3s ease-in-out;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;visibility:visible}.mobile-menu-btn{display:block!important}}.glass-card,.finance-panel,.white-panel,.panel,.card,.finance-card,.table-container{box-sizing:border-box;max-width:100vw;overflow-x:auto}table{min-width:max-content}.responsive-flex-row{align-items:center;gap:16px;display:flex}.page-header-responsive{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}@media (width<=768px){.responsive-flex-row{flex-direction:column;align-items:stretch;gap:12px}.page-header-responsive{flex-direction:column;align-items:flex-start;gap:16px}.page-header-responsive>div,.page-header-responsive>button{justify-content:flex-start;width:100%}div[style*="width: 800px"],div[style*="width: 900px"],div[style*="width: 600px"],div[style*="maxWidth: 800px"]{width:95vw!important;max-width:95vw!important;margin:10px!important}}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f3f4f6;margin:0;padding:0;font-family:Inter,sans-serif}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#133544f2!important;border-right:1px solid #ffffff1a!important;box-shadow:inset -1px 0 #ffffff0d,5px 0 25px #0000001a!important}.glass-header{-webkit-backdrop-filter:blur(12px);background:#ffffffa6!important;border-bottom:1px solid #fffc!important;box-shadow:inset 0 -1px #fff,0 4px 15px #00000008!important}.glass-card,div[style*="background-color: white"],div[style*="background-color: #fff"],div[style*="background-color: #ffffff"],div[style*="background-color: rgb(255, 255, 255)"],div[style*="background: white"],div[style*="background: #fff"],div[style*="background: #ffffff"]{transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px)!important;background:#ffffffbf!important;border:1px solid #fffc!important;box-shadow:inset 0 1px 1px #fff,inset 0 0 10px #ffffff80,0 8px 25px #0000000d!important}.glass-card-hover:hover{transform:translateY(-3px);background:#ffffffe6!important;border:1px solid #fff!important;box-shadow:inset 0 1px 2px #fff,0 12px 30px #00000014!important}.glass-main-area{background:0 0!important}input,textarea,select{-webkit-backdrop-filter:blur(12px)!important;background:#fff9!important;border:1px solid #ffffffe6!important;transition:all .3s!important;box-shadow:inset 0 2px 4px #00000008,0 2px 6px #00000005!important}input:focus,textarea:focus,select:focus{background:#fffffff2!important;border-color:#0b3b4c!important;outline:none!important;box-shadow:inset 0 2px 4px #00000005,0 0 0 3px #0b3b4c33!important}#root{width:100%;min-height:100vh;display:block}input:focus{outline-offset:-1px;outline:2px solid #0b3b4c}.thin-scrollbar{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.thin-scrollbar::-webkit-scrollbar{width:6px;height:6px}.thin-scrollbar::-webkit-scrollbar-track{background:0 0}.thin-scrollbar::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:10px}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}table{border-collapse:separate;border-spacing:0;width:100%;margin-top:8px}th{letter-spacing:.05em;text-align:left;color:#6b7280!important;text-transform:uppercase!important;background-color:#f9fafb80!important;border-bottom:1px solid #e5e7ebcc!important;padding:16px 20px!important;font-size:12px!important;font-weight:600!important}td{vertical-align:middle;color:#374151!important;border-bottom:1px solid #e5e7eb80!important;padding:16px 20px!important;font-size:14px!important}tr{transition:all .2s!important}tbody tr:hover{background-color:#f3f4f699!important}th:first-child,td:first-child{padding-left:24px!important}th:last-child,td:last-child{padding-right:24px!important}tbody tr:last-child td{border-bottom:none!important}.custom-tab-container{scrollbar-width:none;-ms-overflow-style:none;border-radius:12px;gap:8px;margin-bottom:24px;padding:6px;display:flex;overflow-x:auto;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background-color:#f1f5f999!important;border:1px solid #e2e8f0cc!important;box-shadow:inset 0 2px 4px #00000008!important}.custom-tab-container::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.pro-tab-btn{white-space:nowrap;color:#64748b;cursor:pointer;background-color:#0000;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.pro-tab-btn:hover:not(.active-tab){color:#334155!important;background-color:#e2e8f080!important}.active-tab{font-weight:600;color:#0b3b4c!important;background-color:#ffffffe6!important;box-shadow:0 1px 3px #0000001a!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#133544;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0b3b4c}*{scrollbar-width:thin;scrollbar-color:#133544 transparent}.loader-container{z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.loader-container.fullscreen{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f3f4f6d9;width:100vw;height:100vh;position:fixed;top:0;left:0}.modern-spinner{justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.spinner-ring{background:conic-gradient(#133544,#3b82f6,#10b981,#133544);border-radius:50%;width:100%;height:100%;animation:1s linear infinite spin;position:absolute;-webkit-mask:radial-gradient(farthest-side,#0000 82%,#000 83%);mask:radial-gradient(farthest-side,#0000 82%,#000 83%)}.spinner-dot{background-color:#133544;border-radius:50%;width:24px;height:24px;animation:1s ease-in-out infinite pulse-dot;box-shadow:0 0 15px #13354466}.loader-text{color:#133544;letter-spacing:4px;text-transform:uppercase;font-size:14px;font-weight:700;animation:1.5s ease-in-out infinite fade-text}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:.8;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes fade-text{0%,to{opacity:.5}50%{opacity:1}}:root{--fin-bg:#f8fafc;--fin-surface:#ffffffd9;--fin-surface-solid:#fff;--fin-border:#e2e8f099;--fin-text-primary:#0f172a;--fin-text-secondary:#64748b;--fin-primary:#0f172a;--fin-primary-light:#f1f5f9;--fin-emerald:#10b981;--fin-rose:#f43f5e;--fin-indigo:#6366f1;--fin-amber:#f59e0b;--fin-purple:#8b5cf6;--fin-shadow-sm:0 2px 4px #00000005;--fin-shadow-md:0 8px 24px -4px #0f172a0a, 0 4px 10px -4px #0f172a0a;--fin-shadow-hover:0 16px 32px -8px #0f172a14, 0 0 4px #0f172a05;--fin-radius-lg:16px;--fin-radius-md:12px;--fin-radius-sm:8px;--fin-transition:all .3s cubic-bezier(.2, .8, .2, 1)}.finance-dashboard{max-width:1400px;color:var(--fin-text-primary);background-color:var(--fin-bg);min-height:100vh;margin:0 auto;padding:32px 24px 60px;font-family:Inter,-apple-system,sans-serif}.finance-header{margin-bottom:32px;animation:.6s ease-out forwards fadeSlideUp}.finance-title{color:var(--fin-primary);letter-spacing:-.02em;background:linear-gradient(90deg,#0f172a,#334155);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:32px;font-weight:800}.finance-subtitle{color:var(--fin-text-secondary);font-size:15px;font-weight:500}.custom-tab-scroll{background:var(--fin-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--fin-border);box-shadow:var(--fin-shadow-sm)}.finance-grid-4{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:32px;display:grid}.finance-grid-2{grid-template-columns:1fr;gap:32px;margin-bottom:32px;display:grid}@media (width>=1024px){.finance-grid-2{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--fin-surface);-webkit-backdrop-filter:blur(20px);border-radius:var(--fin-radius-lg);border:1px solid var(--fin-border);box-shadow:var(--fin-shadow-md);transition:var(--fin-transition);flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";height:3px;transition:var(--fin-transition);background:0 0;position:absolute;top:0;left:0;right:0}.stat-card:hover:before{background:var(--fin-primary)}.stat-card:hover{box-shadow:var(--fin-shadow-hover);border-color:#e2e8f0e6;transform:translateY(-4px)}.stat-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.stat-title{color:var(--fin-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.stat-value{color:var(--fin-text-primary);letter-spacing:-.03em;font-size:32px;font-weight:800;line-height:1.1}.stat-subtitle{align-items:center;gap:6px;margin-top:12px;font-size:13px;font-weight:500;display:flex}.stat-icon{border-radius:12px;justify-content:center;align-items:center;padding:10px;display:flex;box-shadow:inset 0 2px 4px #ffffff80,0 2px 8px #0000000d}.icon-blue{color:#0284c7;background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.icon-emerald{color:#059669;background:linear-gradient(135deg,#dcfce7,#a7f3d0)}.icon-rose{color:#e11d48;background:linear-gradient(135deg,#ffe4e6,#fecdd3)}.icon-purple{color:#7e22ce;background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}.icon-amber{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a)}.icon-indigo{color:#4338ca;background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.icon-gray{color:#475569;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.finance-panel{background:var(--fin-surface-solid);border-radius:var(--fin-radius-lg);border:1px solid var(--fin-border);box-shadow:var(--fin-shadow-md);height:100%;transition:var(--fin-transition);flex-direction:column;display:flex;overflow:hidden}.finance-panel:hover{box-shadow:var(--fin-shadow-hover)}.panel-header{border-bottom:1px solid var(--fin-border);background:var(--fin-surface-solid);justify-content:space-between;align-items:center;padding:24px;display:flex}.panel-title{color:var(--fin-text-primary);align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.finance-table-wrapper{background:var(--fin-surface-solid);flex-grow:1;overflow-x:auto}.finance-table{border-collapse:separate;border-spacing:0;width:100%}.finance-table th{text-align:left;color:var(--fin-text-secondary);text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(8px);z-index:10;border-bottom:1px solid var(--fin-border);background:#f8fafccc;padding:16px 20px;font-size:12px;font-weight:700;position:sticky;top:0}.finance-table td{color:var(--fin-text-primary);border-bottom:1px solid #f1f5f9cc;padding:16px 20px;font-size:14px;font-weight:500;transition:background .2s}.finance-table tr:last-child td{border-bottom:none}.finance-table tr:hover td{background:#f8fafc99}.finance-table th.text-right,.finance-table td.text-right{text-align:right}.finance-table th.text-center,.finance-table td.text-center{text-align:center}.badge{letter-spacing:.02em;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-red{color:var(--fin-rose);background:#f43f5e1a;border:1px solid #f43f5e33}.badge-emerald{color:var(--fin-emerald);background:#10b9811a;border:1px solid #10b98133}.badge-amber{color:var(--fin-amber);background:#f59e0b1a;border:1px solid #f59e0b33}.badge-blue{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633}.btn-primary{background:var(--fin-primary);color:#fff;border-radius:var(--fin-radius-md);cursor:pointer;transition:var(--fin-transition);border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #0f172a26}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a40}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--fin-primary);border:1.5px solid var(--fin-border);border-radius:var(--fin-radius-md);cursor:pointer;transition:var(--fin-transition);background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-outline:hover{background:var(--fin-primary-light);border-color:#cbd5e1}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:50;background-color:#0f172a99;justify-content:center;align-items:center;padding:24px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--fin-surface-solid);border-radius:20px;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;animation:.4s cubic-bezier(.2,.8,.2,1) slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-body{background:var(--fin-bg);flex-grow:1;padding:32px;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:var(--fin-emerald)}.text-rose{color:var(--fin-rose)}.text-amber{color:var(--fin-amber)}.text-indigo{color:var(--fin-indigo)}.text-purple{color:var(--fin-purple)}.text-gray{color:var(--fin-text-secondary)}.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:var(--fin-surface-solid)}.bg-gray-50{background-color:var(--fin-bg)}.border-b{border-bottom:1px solid var(--fin-border)}.w-full{width:100%}.loader{border:4px solid var(--fin-primary-light);border-top:4px solid var(--fin-primary);border-radius:50%;width:48px;height:48px;margin:60px auto;animation:1s cubic-bezier(.5,.1,.4,.9) infinite spin}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.filter-bar{background:var(--fin-surface-solid);border-radius:var(--fin-radius-md);border:1px solid var(--fin-border);box-shadow:var(--fin-shadow-sm);transition:var(--fin-transition);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.filter-bar:focus-within{border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b81a}.filter-input{color:var(--fin-text-primary);background:0 0;border:none;outline:none;width:100%;font-size:14px;font-weight:500}.filter-input::placeholder{color:#94a3b8}.alert-item{border-bottom:1px solid var(--fin-border);background:var(--fin-surface-solid);transition:var(--fin-transition);gap:16px;padding:20px;display:flex}.alert-item:hover{background:var(--fin-primary-light)}.empty-state{text-align:center;color:var(--fin-text-secondary);background:var(--fin-surface-solid);border-radius:var(--fin-radius-lg);flex-direction:column;align-items:center;gap:16px;padding:60px 20px;display:flex}.empty-state svg{color:#cbd5e1}