@import url(https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700;800&display=swap);:root{--primary-gradient:linear-gradient(135deg,#051327,#0b2744 50%,#153a5c);--primary-color:#0f4c81;--primary-dark:#082b4a;--primary-light:#3a6fa2;--secondary-color:#12a7d4;--accent-color:#f5b301;--success-color:#0a9b73;--success-light:#d2f5ec;--danger-color:#d64545;--danger-light:#fbe4e4;--warning-color:#d8970a;--warning-light:#fbe8c2;--info-color:#1f75d6;--info-light:#d7e6fb;--gray-50:#f5f7fa;--gray-100:#e7ecf3;--gray-200:#d7deea;--gray-300:#c2cada;--gray-400:#9aa7ba;--gray-500:#7c8a9f;--gray-600:#5a677a;--gray-700:#3d4a5f;--gray-800:#24344a;--gray-900:#0f1b2d;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}*{margin:0}*,body{padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh;transition:background .3s ease,color .3s ease}body[data-theme=dark]{background:radial-gradient(circle at 20% 20%,#1569ad2e,#0000 45%),radial-gradient(circle at 80% 10%,#f5b3011f,#0000 40%),linear-gradient(180deg,#020812,#061228 55%,#091d33);background-attachment:fixed;color:#e2e8f0}body[data-theme=light]{background:linear-gradient(180deg,#f8fafc,#e2e8f0 50%,#cbd5e1);background-attachment:fixed;color:#1e293b}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#e7ecf3;background:var(--gray-100)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#9aa7ba;background:var(--gray-400);-webkit-transition:background .3s cubic-bezier(.4,0,.2,1);transition:background .3s cubic-bezier(.4,0,.2,1);-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:#7c8a9f;background:var(--gray-500)}::selection{background:#3a6fa2;background:var(--primary-light);color:#fff}html{scroll-behavior:smooth}#root,body,html{max-width:100vw;overflow-x:hidden;position:relative}.scrollable{-webkit-overflow-scrolling:touch;overflow-y:auto}@media (max-width:767px){::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}body[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026}}@media (max-width:767px){input,select,textarea{font-size:16px!important}}@supports (padding:max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden}#root,body{max-width:100vw!important}#root,.App,body{overflow-x:hidden!important;width:100%!important}@media (max-width:767px){.top-navbar{flex-wrap:nowrap!important;gap:.5rem!important;height:64px!important;padding:0 1rem!important}.navbar-brand{border:none!important;justify-content:flex-start!important;padding:0!important;width:auto!important}.brand-name{font-size:1.1rem!important}.mobile-nav-toggle{display:inline-flex!important}.navbar-rail{padding:1.5rem 1.2rem 2rem!important;width:min(360px,90vw)!important}.navbar-tabs{gap:.75rem!important}.navbar-tabs .tab-btn{font-size:1rem!important}.navbar-user{align-items:flex-start!important;flex-direction:column!important;gap:.75rem!important;width:100%!important}.navbar-user .logout-btn{font-size:1rem!important}.mobile-nav-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.main-content,.tab-content{padding:0!important}.content-header{margin-bottom:1.5rem}.content-header h1{font-size:1.5rem!important;margin-bottom:.5rem}.content-subtitle{font-size:.9rem!important}.sub-tabs,div.sub-tabs{display:flex!important;flex-direction:column!important;gap:.75rem!important;padding:.75rem!important}.sub-tab-btn,button.sub-tab-btn{display:flex!important;flex:none!important;justify-content:flex-start!important;padding:14px 20px!important;text-align:left!important;width:100%!important}.sub-tab-btn span,button.sub-tab-btn span{font-size:1rem!important}.sub-tab-btn .tab-emoji{font-size:1.3rem!important}.charts-grid{display:block!important;grid-template-columns:1fr!important}.charts-grid>*{margin-bottom:1.5rem}.settings-container,.settings-container>div{max-width:100%!important;width:100%!important}.settings-container .form-group{margin-bottom:1rem}.settings-container input,.settings-container select{font-size:16px!important;max-width:100%!important;width:100%!important}.salary-change-item{align-items:flex-start!important;flex-direction:column!important;gap:.75rem!important;padding:1rem!important}.salary-change-item>div{width:100%!important}.salary-change-item button{justify-content:center!important;width:100%}.monthly-projection-container,.projection-card,.projection-container{padding:1rem!important}.projection-summary{display:flex!important;flex-direction:column!important;gap:.75rem!important}.summary-box{padding:1rem!important;width:100%!important}.summary-label{font-size:.85rem!important}.summary-amount{font-size:1.25rem!important}.monthly-table-container{background:#0000!important;border-radius:0!important;box-shadow:none!important;margin:1rem 0!important;padding:0!important}.monthly-table-container h3{color:#1f2937!important;font-size:1.3rem!important;margin-bottom:1rem!important;padding:0 1rem!important}.monthly-table{overflow:visible!important;padding:0!important;width:100%!important}.monthly-table table{display:block!important;width:100%!important}.monthly-table thead{display:none!important}.monthly-table tbody,.monthly-table tfoot{display:block!important;width:100%!important}.monthly-table tr{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 2px 8px #00000014!important;display:block!important;margin:0 1rem 1rem!important;padding:1.25rem!important}.monthly-table tbody tr.current{border:2px solid var(--primary-color)!important;box-shadow:0 4px 12px #0f4c8140!important}.monthly-table td{align-items:center!important;background:#0000!important;border:none!important;display:flex!important;gap:.75rem!important;justify-content:space-between!important;padding:.65rem 0!important;white-space:normal!important}.monthly-table td:before{color:#6b7280!important;content:attr(data-label)!important;flex:1 1;font-size:.75rem!important;font-weight:600!important;letter-spacing:.5px!important;text-align:left!important;text-transform:uppercase!important}.monthly-table .month-cell{border-bottom:2px solid #e5e7eb!important;color:#1f2937!important;font-size:1.15rem!important;font-weight:700!important;justify-content:center!important;margin-bottom:.75rem!important;padding-bottom:.75rem!important}.monthly-table .amount-cell{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,monospace!important;font-size:1.1rem!important;font-weight:600!important;justify-content:center!important;padding:.5rem 0!important}.monthly-table .positive-cell{color:#059669!important}.monthly-table .negative-cell{color:#dc2626!important}.monthly-table tfoot tr{background:var(--primary-gradient)!important;border:none!important;box-shadow:0 4px 12px #0f4c8159!important;color:#fff!important;padding:1.5rem!important}.monthly-table tfoot td{color:#fff!important;font-size:1.15rem!important;font-weight:700!important;justify-content:center!important;padding:.5rem 0!important}.monthly-table tfoot td:first-child{border-bottom:1px solid #ffffff4d!important;font-size:1.25rem!important;justify-content:center!important;margin-bottom:.75rem!important;padding-bottom:.75rem!important}.monthly-table:after{display:none!important}.monthly-table.mobile-cards table{display:block!important}.monthly-table.mobile-cards thead{display:none!important}.monthly-table.mobile-cards tbody{display:block!important}.monthly-table.mobile-cards tr{background:#fff!important;border-radius:.75rem!important;box-shadow:0 2px 8px #0000001a!important;display:block!important;margin-bottom:1rem!important;padding:1rem!important}.monthly-table.mobile-cards td{border:none!important;display:flex!important;justify-content:space-between!important;padding:.5rem 0!important;white-space:normal!important}.monthly-table.mobile-cards td:before{color:#6b7280!important;content:attr(data-label)!important;font-weight:600!important}.monthly-table.mobile-cards .month-cell{border-bottom:2px solid #e5e7eb!important;font-size:1.1rem!important;font-weight:700!important;margin-bottom:.5rem!important;padding-bottom:.5rem!important}.monthly-table.mobile-cards .month-cell:before{display:none!important}.chart-section{margin-top:1.5rem!important;padding:1rem!important}.chart-section h3{font-size:1.1rem!important;margin-bottom:1rem!important}.expense-details-panel{border-radius:0!important;bottom:0!important;left:0!important;margin:0!important;max-width:100%!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:2000!important}.expense-details-grid{display:block!important;max-height:calc(100vh - 100px)!important;overflow-y:auto!important}.expense-details-section{margin-bottom:1.5rem!important}.expense-item-info{align-items:flex-start!important;flex-direction:column!important;gap:.25rem!important}.projection-month>div{width:100%!important}}@media (max-width:379px){body{font-size:14px;padding:.5rem}.App{max-width:100%;padding:0}.header{border-radius:.75rem;margin-bottom:1rem;padding:1rem}.header h1{font-size:1.25rem;margin-bottom:.5rem}.header p{font-size:.85rem}.user-info span{font-size:.9rem}.btn,.btn-danger,.btn-primary,.btn-secondary{font-size:.85rem;min-height:44px;padding:.6rem 1rem}.card{margin:0;padding:0}.card h2{font-size:1.1rem;margin-bottom:.75rem}.card h3{font-size:1rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.9rem;margin-bottom:.375rem}.form-group input,.form-group select,.form-group textarea{font-size:16px!important;min-height:44px;padding:.75rem}.dashboard{gap:0;grid-template-columns:1fr}.stat-value{font-size:1.5rem}.stat-label{font-size:.8rem}}@media (min-width:380px) and (max-width:575px){body{font-size:15px;padding:.75rem}.header h1{font-size:1.5rem}.header p{font-size:.95rem}.btn{min-height:44px}.form-group input,.form-group select{font-size:16px!important;min-height:44px}.dashboard{gap:1rem;grid-template-columns:1fr}}@media (min-width:576px) and (max-width:767px){.App{max-width:100%}.header h1{font-size:1.75rem}.dashboard{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tabs{flex-wrap:wrap}.tab-btn{flex-basis:calc(50% - 0.5rem);flex-grow:1;flex-shrink:1;min-width:140px}}@media (min-width:768px) and (max-width:991px){.dashboard{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.tab-btn{flex:0 1 auto;min-width:120px}}@media (max-height:480px) and (orientation:landscape){.header{padding:.75rem 1rem}.header h1{font-size:1.25rem;margin-bottom:.25rem}.header p{display:none}.user-info{flex-direction:row;gap:.75rem}.card{padding:1rem}.form-group{margin-bottom:.75rem}}@media (max-width:767px){table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;white-space:nowrap}thead{display:none}tbody,tr{display:block}tr{background:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem;padding:1rem}td{border:none;display:block;padding:.5rem 0 .5rem 50%;position:relative;text-align:right}td:before{content:attr(data-label);font-weight:600;left:0;position:absolute;text-align:left}td:last-child{border-bottom:none}.table-responsive{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.table-responsive table{min-width:600px;white-space:nowrap}.tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}}@media (max-width:767px){.tabs::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;min-width:100px;white-space:nowrap}.sub-tabs{flex-direction:column;gap:.5rem}.sub-tab-btn{justify-content:flex-start;text-align:left;width:100%}.form-row{flex-direction:column!important;gap:.5rem!important}.form-row>*,.form-row>div{flex:1 1 100%!important}.form-group,.form-row>*,.form-row>div{max-width:100%!important;width:100%!important}.form-group input,.form-group select,.form-group textarea,input,select,textarea{box-sizing:border-box!important;font-size:16px!important;max-width:100%!important;padding:.75rem!important;width:100%!important}input[type=date],input[type=email],input[type=number],input[type=text],select{font-size:16px!important}.checkbox-group{align-items:flex-start;flex-direction:column}input[type=checkbox],input[type=radio]{height:20px!important;min-height:20px!important;min-width:20px!important;width:20px!important}label{cursor:pointer;-webkit-user-select:none;user-select:none}.button-group,.form-actions{flex-direction:column!important;gap:.75rem!important}.button-group button,.form-actions button{width:100%!important}.expense-item,.income-item,.transaction-item{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.expense-item .expense-details,.income-item .income-details{padding-right:0!important;width:100%}.expense-item>div[style*="position: absolute"],.income-item>div[style*="position: absolute"]{flex-direction:row!important;gap:.5rem;justify-content:space-between!important;margin-top:.75rem!important;position:relative!important;right:auto!important;top:auto!important;width:100%}.expense-item button,.income-item button{flex:1 1;min-height:40px}.stat-card{padding:1.25rem}.stat-value{font-size:1.75rem}.stat-label{font-size:.9rem}.stat-icon{font-size:1.25rem;height:40px;width:40px}.chart-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1rem}.chart-container canvas{height:auto!important;max-width:100%;min-height:250px}.modal-content{margin:1rem auto;max-height:calc(100vh - 2rem);max-width:95%;overflow-y:auto;padding:1.5rem;width:95%}.modal-header h2{font-size:1.25rem}.modal-close{font-size:1.5rem;height:32px;width:32px}.empty-state,.error-message,.loading{font-size:.95rem;padding:2rem 1rem}a,button,input,select,textarea{min-height:44px;min-width:44px}:focus{outline:2px solid var(--primary-color);outline-offset:2px}.small-text,small{font-size:.875rem!important}}@media (orientation:portrait){.landscape-only{display:none}}@media (orientation:landscape){.portrait-only{display:none}.landscape-optimize{max-width:100vw;padding-left:1rem;padding-right:1rem}}@media print{body{background:#fff;padding:0}.btn,.header,.tabs,button{display:none!important}.card{break-inside:avoid;page-break-inside:avoid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.btn,button,input,select,textarea{border-width:2px}}.theme-toggle-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff59;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.theme-toggle-btn:hover{background:#ffffff40;transform:translateY(-2px) scale(1.1)}body[data-theme=light] .card{background:#fff;border-color:#e2e8f0;box-shadow:0 15px 40px #07132614;color:#1e293b}body[data-theme=light] .card h2{color:#1e293b}body[data-theme=light] .sub-tabs{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border:1px solid #bae6fd;box-shadow:0 4px 12px #0ea5e914}body[data-theme=light] .sub-tab-btn{background:#fff;border:2px solid #e0f2fe;box-shadow:0 2px 8px #0000000f;color:#475569}body[data-theme=light] .sub-tab-btn:hover{background:#f0f9ff;border-color:#0ea5e9;box-shadow:0 6px 16px #0ea5e926;color:#0c4a6e}body[data-theme=light] .sub-tab-btn.active{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-color:#0000;box-shadow:0 8px 24px #0ea5e959;color:#fff}body[data-theme=light] .sub-tab-btn .tab-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}body[data-theme=light] .sub-tab-btn.active .tab-emoji{filter:drop-shadow(0 2px 6px rgba(255,255,255,.5))}body[data-theme=light] .day-title,body[data-theme=light] .detail-value,body[data-theme=light] .finance-module h2,body[data-theme=light] .income-name,body[data-theme=light] .summary-value{color:#1e293b!important}body[data-theme=light] .finance-list-card,body[data-theme=light] .transaction-day-card{background:#f8fafc;border-color:#cbd5e1}body[data-theme=light] .monthly-table-container{border-color:#e2e8f0}body[data-theme=light] .finance-module .form-group input,body[data-theme=light] .finance-module .form-group select,body[data-theme=light] .form-group input,body[data-theme=light] .form-group select{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}body[data-theme=light] .top-navbar{background:linear-gradient(135deg,#0f4c81,#12a7d4)}body[data-theme=light] .detail-label,body[data-theme=light] .metric-label,body[data-theme=light] .section-subtitle,body[data-theme=light] .summary-label{color:#64748b}body[data-theme=light] .summary-card,body[data-theme=light] .transaction-entry{background:#fff;border-color:#e2e8f0}body[data-theme=light] .glass-form,body[data-theme=light] .module-banner,body[data-theme=light] .summary-breakdown-group{background:#f8fafc;border-color:#cbd5e1}body[data-theme=light] .content-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f4c81,#12a7d4);-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.App{animation:fadeIn .6s ease-out;margin:0;max-width:100%;width:100%}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.card h2,.content-header h1,.finance-module h2,h1,h2,h3,h4,h5,h6{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(135deg,#89f7fe,#66a6ff);-webkit-background-clip:text;background-clip:text}body[data-theme=light] .card h2,body[data-theme=light] .content-header h1,body[data-theme=light] .finance-module h2,body[data-theme=light] h1,body[data-theme=light] h2,body[data-theme=light] h3,body[data-theme=light] h4,body[data-theme=light] h5,body[data-theme=light] h6{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(135deg,#0f4c81,#12a7d4);-webkit-background-clip:text;background-clip:text}.header{animation:slideIn .5s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.header h1{font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin-bottom:var(--spacing-md);text-shadow:0 2px 20px #0000001a}.header p{color:#ffffffe6;font-size:1.1rem;font-weight:500}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px}.header-content,.user-info{align-items:center;display:flex}.user-info{animation:fadeIn .8s ease-out .2s backwards;gap:var(--spacing-md)}.user-info span{color:#fff;font-size:1.1rem;font-weight:600;text-shadow:0 2px 4px #0000001a}.btn-logout,.logout-btn,.settings-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;overflow:hidden;padding:.625rem 1.5rem;position:relative;transition:all var(--transition-base)}.btn-logout:before,.logout-btn:before,.settings-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-logout:hover:before,.logout-btn:hover:before,.settings-btn:hover:before{left:100%}.btn-logout:hover,.logout-btn:hover,.settings-btn:hover{background:#fff;border-color:#fff;box-shadow:var(--shadow-lg);color:var(--primary-color);transform:translateY(-2px)}.btn-logout:active,.logout-btn:active,.settings-btn:active{box-shadow:var(--shadow-md);transform:translateY(0)}.dashboard{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:var(--spacing-2xl)}.card{animation:fadeIn .6s ease-out backwards;background:#fff;border:1px solid #091d3314;border-radius:var(--radius-2xl);box-shadow:0 15px 40px #07132614;color:var(--gray-900);overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all var(--transition-base)}.card:before{background:var(--primary-gradient);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.card:hover:before{opacity:1}.card h2{align-items:center;border-bottom:3px solid #0000;border-image:var(--primary-gradient) 1;color:var(--gray-900);display:flex;font-size:1.5rem;font-weight:700;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.finance-module{background:#040c18d9;border:1px solid #12a7d433;box-shadow:0 25px 60px #02081273;color:var(--gray-50)}body[data-theme=light] .finance-module{background:#fff;border-color:#cbd5e1;box-shadow:0 15px 40px #07132614;color:#1e293b}.finance-module h2{border-bottom:none;color:#fff}body[data-theme=light] .finance-module h2{color:#1e293b}.section-header{flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.section-subtitle{color:var(--gray-300);font-size:.95rem;margin-top:.35rem}body[data-theme=light] .section-subtitle{color:#64748b}.header-pill{background:#ffffff14;border:1px solid #ffffff26;border-radius:var(--radius-full);min-width:180px;padding:.75rem 1.25rem;text-align:right}body[data-theme=light] .header-pill{background:#f1f5f9;border-color:#cbd5e1}.header-pill span{color:var(--gray-300);display:block;font-size:.8rem;letter-spacing:.08em}body[data-theme=light] .header-pill span{color:#64748b}.header-pill strong{color:#fff;display:block;font-size:1.4rem}body[data-theme=light] .header-pill strong{color:#1e293b}.summary-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.summary-card{background:radial-gradient(circle at top,#12a7d42e,#030a14cc);border:1px solid #ffffff14;border-radius:var(--radius-xl);overflow:hidden;padding:1rem 1.25rem;position:relative}body[data-theme=light] .summary-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#cbd5e1}.summary-card:after{background:linear-gradient(120deg,#ffffff1a,#0000 70%);content:"";inset:0;opacity:.4;pointer-events:none;position:absolute}.summary-card.accent{background:radial-gradient(circle at top,#f5b3014d,#040c18e6);border-color:#f5b30180}.summary-label{margin-bottom:.25rem}.summary-value{font-size:1.4rem;margin-bottom:.2rem}.module-banner{background:#0f1e32b3;border:1px dashed #12a7d44d;border-radius:var(--radius-xl);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl);padding:1.25rem 1.5rem}body[data-theme=light] .module-banner{background:#f1f5f9;border-color:#cbd5e1}.insight-title{color:var(--gray-300);letter-spacing:.12em}body[data-theme=light] .insight-title{color:#475569}.insight-copy{line-height:1.6}.insight-metric{color:var(--gray-200)}body[data-theme=light] .insight-metric{color:#475569}.insight-metric span{font-size:.85rem;letter-spacing:.05em;margin-bottom:.2rem;text-transform:uppercase}.insight-metric strong{font-size:1.3rem}.insight-metric small{color:var(--gray-400);font-size:.85rem}body[data-theme=light] .insight-metric small{color:#64748b}.glass-form{border-radius:var(--radius-2xl);box-shadow:inset 0 0 30px #0003;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}body[data-theme=light] .glass-form{box-shadow:inset 0 2px 4px #0000000d}.btn.full-width{width:100%}.finance-list-card{background:#060e1cd9;border:1px solid #ffffff14;border-radius:var(--radius-xl);box-shadow:0 15px 35px #00000059;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-lg);padding:1.25rem}body[data-theme=light] .finance-list-card{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 16px #07132614}.income-card-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.income-icon{background:#ffffff14;border-radius:var(--radius-lg);display:grid;font-size:1.5rem;height:48px;place-items:center;width:48px}body[data-theme=light] .income-icon{background:#e2e8f0}.income-name{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.15rem}body[data-theme=light] .income-name{color:#1e293b}.income-meta{display:flex;flex-wrap:wrap;gap:.5rem}.category-chip,.frequency-pill{border-radius:var(--radius-full);font-size:.8rem;font-weight:600;padding:.25rem .75rem}.frequency-pill{border:1px solid #ffffff26;color:#fff}body[data-theme=light] .frequency-pill{border-color:#cbd5e1;color:#334155}.frequency-pill.recurring{background:#0a9b7326;border-color:#0a9b7366}.frequency-pill.one-time{background:#f5b3012e;border-color:#f5b30180;color:var(--accent-color)}.category-chip{background:#ffffff14;color:var(--gray-100)}body[data-theme=light] .category-chip{background:#e2e8f0;color:#334155}.income-details-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.detail-label{color:var(--gray-400);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}body[data-theme=light] .detail-label{color:#64748b}.detail-value{color:#fff;font-size:1.1rem;font-weight:600}body[data-theme=light] .detail-value{color:#1e293b}.detail-value.positive{color:var(--success-color)}.detail-value.warning{color:var(--accent-color)}.card-actions{align-items:flex-end;display:flex;flex-direction:column;gap:.75rem;min-width:180px}.recurring-pill{background:#0f4c8140;border:1px solid #0f4c8173;border-radius:var(--radius-full);color:#fff;font-size:.85rem;padding:.35rem .9rem}body[data-theme=light] .recurring-pill{background:#0f4c811a;border-color:#0f4c814d;color:#0f4c81}.module-highlight{border-radius:var(--radius-xl);font-weight:700;margin-top:var(--spacing-lg);padding:1rem 1.25rem;text-align:center}.module-highlight.positive{background:#0a9b7326;border:1px solid #0a9b7359;color:var(--success-color)}.filter-panel{align-items:flex-end;background:#081426d9;border:1px solid #ffffff14;border-radius:var(--radius-xl);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:.5rem;padding:1.25rem 1.5rem}body[data-theme=light] .filter-panel{background:#f8fafc;border-color:#cbd5e1}.filter-field{flex:1 1;min-width:180px}.filter-field label{color:var(--gray-300);display:block;font-size:.85rem;letter-spacing:.06em;margin-bottom:.35rem;text-transform:uppercase}body[data-theme=light] .filter-field label{color:#475569}.filter-field select{background:#ffffff0a;border:1px solid #ffffff26;border-radius:var(--radius-lg);color:#fff;padding:.65rem .75rem;width:100%}body[data-theme=light] .filter-field select{background:#fff;border-color:#cbd5e1;color:#1e293b}.chip-button{background:#ffffff14;border:1px solid #ffffff59;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-weight:600;padding:.65rem 1.5rem;transition:all var(--transition-base)}body[data-theme=light] .chip-button{background:#e2e8f0;border-color:#cbd5e1;color:#334155}.chip-button:hover{background:#12a7d42e;border-color:#12a7d4b3}body[data-theme=light] .chip-button:hover{background:#cbd5e1;border-color:#94a3b8}.filter-note{color:var(--gray-400);font-size:.9rem;margin-bottom:var(--spacing-lg)}body[data-theme=light] .filter-note{color:#64748b}.transaction-day-card{background:#060e1cd9;border:1px solid #ffffff14;border-radius:var(--radius-xl);box-shadow:0 18px 40px #00000059;margin-bottom:var(--spacing-lg);padding:1rem 1.25rem}body[data-theme=light] .transaction-day-card{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 16px #07132614}.transaction-day-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}body[data-theme=light] .transaction-day-header{border-bottom-color:#e2e8f0}.day-title{color:#fff;font-size:1rem;font-weight:700}body[data-theme=light] .day-title{color:#1e293b}.transaction-day-header span{color:var(--gray-400);font-size:.85rem}body[data-theme=light] .transaction-day-header span{color:#64748b}.day-total{color:var(--accent-color);font-weight:600}.transaction-entry{align-items:center;background:#ffffff05;border:1px solid #ffffff14;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:.75rem;padding:.85rem 1rem}body[data-theme=light] .transaction-entry{background:#f8fafc;border-color:#e2e8f0}.transaction-entry-content{color:#fff;flex:1 1;min-width:200px}body[data-theme=light] .transaction-entry-content{color:#1e293b}.transaction-entry-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem}.transaction-amount{color:var(--success-color);font-weight:700;min-width:120px;text-align:right}.transaction-entry-actions .transaction-amount{margin-right:auto}.transaction-edit-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:var(--radius-xl);padding:1rem;width:100%}body[data-theme=light] .transaction-edit-card{background:#f8fafc;border-color:#cbd5e1}.transaction-edit-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1rem}.transaction-edit-grid label{color:var(--gray-300);display:block;font-size:.85rem;margin-bottom:.35rem}body[data-theme=light] .transaction-edit-grid label{color:#475569}.transaction-edit-grid input,.transaction-edit-grid select{background:#ffffff0d;border:1px solid #ffffff26;border-radius:var(--radius-lg);color:#fff;padding:.6rem .75rem;width:100%}body[data-theme=light] .transaction-edit-grid input,body[data-theme=light] .transaction-edit-grid select{background:#fff;border-color:#cbd5e1;color:#1e293b}.transaction-edit-actions{display:flex;flex-wrap:wrap;gap:.75rem}.module-alert{align-items:center;border:1px solid #fff3;border-radius:var(--radius-xl);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg);padding:1rem 1.25rem}body[data-theme=light] .module-alert{border-color:#cbd5e1}.module-alert.warning{background:#f5b3011f;border-color:#f5b30166;color:#fff9e6}body[data-theme=light] .module-alert.warning{background:#f5b30114;border-color:#f5b3014d;color:#78350f}.module-alert.success{background:#21965326;border-color:#21965366;color:#d1f7ea}body[data-theme=light] .module-alert.success{background:#21965314;border-color:#2196534d;color:#064e3b}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.salary-toggle{font-weight:600}.summary-breakdown{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--spacing-lg)}.summary-breakdown-group{background:#060e1ccc;border:1px solid #ffffff14;border-radius:var(--radius-xl);padding:1.25rem 1.5rem}body[data-theme=light] .summary-breakdown-group{background:#fff;border-color:#e2e8f0}.group-title{color:var(--gray-300);font-size:.9rem;letter-spacing:.12em;margin-bottom:.85rem;text-transform:uppercase}body[data-theme=light] .group-title{color:#475569}.metric-row{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:.45rem 0}body[data-theme=light] .metric-row{border-bottom-color:#e2e8f0}.metric-row:last-child{border-bottom:none}.metric-label{color:var(--gray-400);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}body[data-theme=light] .metric-label{color:#64748b}.metric-value{color:#fff;font-weight:700}body[data-theme=light] .metric-value{color:#1e293b}.metric-value.positive{color:var(--success-color)}.metric-value.negative{color:var(--danger-color)}.metric-value.muted{color:var(--gray-500)}.category-chip.muted{background:#ffffff0a;border:1px dashed #ffffff2e;color:var(--gray-300)}body[data-theme=light] .category-chip.muted{background:#f8fafc;border-color:#cbd5e1;color:#64748b}.salary-change-card{align-items:center}.salary-change-card .income-name{font-size:1.3rem}.module-alert button{min-width:140px}.expense-card{padding-left:1.5rem;position:relative}.expense-card:before{background:var(--primary-color);background:var(--category-color,var(--primary-color));border-radius:var(--radius-full);bottom:12px;content:"";left:12px;opacity:.7;position:absolute;top:12px;width:4px}.expense-card-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.expense-meta{display:flex;flex-wrap:wrap;gap:.5rem}.status-pill{border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.08em;padding:.25rem .75rem;text-transform:uppercase}.status-pill.active{background:#0a9b732e;color:var(--success-color)}.status-pill.upcoming{background:#f5b3012e;color:var(--accent-color)}.status-pill.expired{background:#d645452e;color:var(--danger-color)}.expense-details-grid{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:var(--spacing-md)}.date-range-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);padding:.85rem 1rem}body[data-theme=light] .date-range-card{background:#f8fafc;border-color:#cbd5e1}.date-range-card strong{color:#fff}body[data-theme=light] .date-range-card strong{color:#1e293b}.form-group{animation:slideIn .4s ease-out backwards;margin-bottom:var(--spacing-lg)}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.15s}.form-group:nth-child(3){animation-delay:.2s}.form-group:nth-child(4){animation-delay:.25s}.form-group:nth-child(5){animation-delay:.3s}.form-group label{color:var(--gray-700);font-size:.95rem;font-weight:600;letter-spacing:.3px;margin-bottom:var(--spacing-sm)}.form-group input,.form-group select{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-900);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all var(--transition-base);width:100%}.form-group input:hover,.form-group select:hover{background:#fff;border-color:var(--gray-300)}.form-group input:focus,.form-group select:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea1a;outline:none;transform:translateY(-1px)}.help-text{margin-top:.3rem}.finance-module .form-group label{color:var(--gray-200);font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.finance-module .form-group input,.finance-module .form-group select{background:#ffffff0d;border:1px solid #ffffff26;color:#fff}.finance-module .form-group input::placeholder,.finance-module .form-group select::placeholder{color:var(--gray-500)}.date-input-wrapper{border:1px solid #fff3}.btn{border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;font-size:1rem;font-weight:600;margin-top:var(--spacing-md);overflow:hidden;padding:.875rem 1.75rem;position:relative;transition:all var(--transition-base)}.btn:after{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:active:after{height:300px;width:300px}.btn-primary{background:var(--primary-gradient);border:2px solid #0000;color:#fff}.btn-primary:hover{box-shadow:var(--shadow-xl);filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active{box-shadow:var(--shadow-md);transform:translateY(0)}.btn-secondary{background:#0000;border:1px solid #ffffff40;color:#fff}.btn-secondary:hover{background:#ffffff1f;transform:translateY(-2px)}.btn-danger{background:var(--danger-color);box-shadow:var(--shadow-sm);color:#fff;font-size:.9rem;margin-left:var(--spacing-md);padding:.5rem 1rem}.btn-danger:hover{background:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-warning{background:var(--warning-color);color:#fff;font-size:.9rem;margin-right:var(--spacing-sm);padding:.5rem 1rem}.btn-warning:hover{background:#d97706;transform:translateY(-2px)}.expense-list,.transaction-list{margin-top:var(--spacing-lg)}.expense-item,.transaction-item{align-items:center;animation:slideIn .4s ease-out backwards;background:var(--gray-50);border-left:4px solid var(--primary-color);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-base)}.expense-item:hover,.transaction-item:hover{background:#fff;border-left-width:6px;box-shadow:var(--shadow-md);transform:translateX(4px)}.expense-details,.transaction-details{flex:1 1}.expense-name,.transaction-desc{color:var(--gray-900);font-size:1.05rem;font-weight:600;margin-bottom:var(--spacing-xs)}body[data-theme=light] .expense-name,body[data-theme=light] .transaction-desc{color:#1e293b}.expense-category,.transaction-category{align-items:center;color:var(--gray-600);display:inline-flex;font-size:.875rem;gap:var(--spacing-xs)}body[data-theme=light] .expense-category,body[data-theme=light] .transaction-category{color:#64748b}.expense-amount,.transaction-amount{color:var(--primary-color);font-family:Courier New,monospace;font-size:1.2rem;font-weight:700}.summary-card{background:var(--primary-gradient);border:none;box-shadow:var(--shadow-2xl);color:#fff}.summary-card h2{border-image:linear-gradient(90deg,#ffffff4d,#ffffff1a) 1;color:#fff}.summary-item{align-items:center;border-bottom:1px solid #ffffff26;display:flex;justify-content:space-between;padding:var(--spacing-md) 0;transition:all var(--transition-base)}body[data-theme=light] .summary-item{border-bottom-color:#e2e8f0}.summary-item:hover{border-bottom-color:#ffffff4d;padding-left:var(--spacing-sm)}body[data-theme=light] .summary-item:hover{border-bottom-color:#cbd5e1}.summary-item:last-child{border-bottom:none;border-top:2px solid #ffffff4d;font-size:1.3rem;font-weight:800;margin-top:var(--spacing-sm);padding-top:var(--spacing-lg)}body[data-theme=light] .summary-item:last-child{border-top-color:#cbd5e1}.summary-label{font-weight:500;opacity:.95}body[data-theme=light] .summary-label{color:#475569;opacity:1}.summary-value{font-family:Courier New,monospace}.positive{color:var(--success-light)}.negative,.positive{text-shadow:0 2px 4px #0000001a}.negative{color:var(--danger-light)}.empty-state{background:#051327a6;border-radius:var(--radius-xl);color:var(--gray-100);display:flex;flex-direction:column;font-size:1.05rem;gap:.5rem;padding:var(--spacing-2xl)}body[data-theme=light] .empty-state{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.empty-state span{color:var(--gray-300);font-size:.9rem}body[data-theme=light] .empty-state span{color:#64748b}.chart-container{animation:fadeIn .8s ease-out .4s backwards;background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);margin-top:var(--spacing-xl);padding:var(--spacing-2xl)}.chart-container h2{border-bottom:3px solid #0000;border-image:var(--primary-gradient) 1;color:var(--gray-900);font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}body[data-theme=light] .chart-container h2{color:#1e293b}.chart-container h3{color:var(--gray-700);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-2xl)}body[data-theme=light] .chart-container h3{color:#334155}@media (max-width:1024px){.dashboard{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){body{padding:var(--spacing-md)}.App{animation:none}.header{border-radius:var(--radius-xl);padding:var(--spacing-lg)}.header h1{font-size:1.75rem}.header-content{flex-direction:column;gap:var(--spacing-lg);text-align:center}.user-info{flex-direction:column;gap:var(--spacing-sm);width:100%}.btn-logout,.logout-btn,.settings-btn{justify-content:center;width:100%}.dashboard{gap:var(--spacing-lg);grid-template-columns:1fr}.card{padding:var(--spacing-lg)}.expense-item,.transaction-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.btn-danger{margin-left:0;margin-top:var(--spacing-sm);width:100%}.chart-container{padding:var(--spacing-lg)}}@media (max-width:480px){.header h1{font-size:1.5rem}.card h2{font-size:1.25rem}.form-group input,.form-group select{font-size:.95rem;padding:.625rem .875rem}.btn{font-size:.95rem;padding:.75rem 1.5rem}}.professional-dashboard{background:#0000;display:flex;flex-direction:column;margin:0;max-width:100%;min-height:100vh}.top-navbar{background:var(--primary-gradient);border-bottom:1px solid #ffffff14;box-shadow:0 10px 30px #030a1673;gap:1.5rem;height:70px;padding:0 2rem;position:sticky;top:0;z-index:1000}.navbar-rail,.top-navbar{align-items:center;display:flex}.navbar-rail{flex:1 1;gap:1.25rem;justify-content:space-between;min-width:0}.navbar-brand{align-items:center;color:#fff;display:flex;gap:12px}.brand-icon{animation:pulse 2s infinite;font-size:2rem}.brand-name{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.5px}body[data-theme=light] .brand-name{color:#fff}.navbar-tabs{display:flex;flex:1 1;gap:8px;justify-content:center;min-width:0}.tab-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #fff3;border-radius:999px;color:#ffffffc7;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-btn:before{background:#fff3;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.tab-btn:hover:before{width:100%}.tab-btn:hover{border-color:#ffffff4d;color:#fff;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(120deg,#0f4c81,#12a7d4);border-color:#0000;box-shadow:0 12px 30px #07192b59;color:#fff}.tab-icon{font-size:1.2rem}.navbar-user{align-items:center;color:#fff;display:flex;gap:12px}.mobile-nav-toggle{align-items:center;background:#0000;border:1px solid #fff6;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:none;height:44px;justify-content:center;margin-left:auto;transition:background var(--transition-base),transform var(--transition-base);width:44px}.mobile-nav-toggle:hover{background:#ffffff26;transform:translateY(-1px)}.mobile-nav-toggle .hamburger{background:currentColor;height:2px;position:relative;transition:background var(--transition-base);width:20px}.mobile-nav-toggle .hamburger:after,.mobile-nav-toggle .hamburger:before{background:currentColor;content:"";height:2px;left:0;position:absolute;transition:transform var(--transition-base);width:20px}.mobile-nav-toggle .hamburger:before{transform:translateY(-6px)}.mobile-nav-toggle .hamburger:after{transform:translateY(6px)}.mobile-nav-toggle[aria-expanded=true] .hamburger{background:#0000}.mobile-nav-toggle[aria-expanded=true] .hamburger:before{transform:rotate(45deg)}.mobile-nav-toggle[aria-expanded=true] .hamburger:after{transform:rotate(-45deg)}.mobile-nav-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;display:none;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--transition-base);z-index:900}.mobile-nav-overlay.visible{display:block;opacity:1;pointer-events:auto}@media (max-width:1023px){.mobile-nav-toggle{display:flex!important}.navbar-rail{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#040c18fa;border-left:1px solid #12a7d440;bottom:0;box-shadow:-10px 0 40px #00000080;flex-direction:column;gap:0;justify-content:flex-start;max-width:85vw;overflow-y:auto;padding:1.5rem 0;position:fixed;right:0;top:70px;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:950}body[data-theme=light] .navbar-rail{background:#fffffffa;border-left-color:#cbd5e1;box-shadow:-10px 0 40px #07132633}.navbar-rail.open{transform:translateX(0)}.navbar-tabs{flex-direction:column;gap:.5rem;padding:0 1rem}.navbar-tabs,.navbar-tabs .tab-btn{justify-content:flex-start;width:100%}.navbar-tabs .tab-btn{border-radius:12px;font-size:1rem;padding:1rem 1.25rem}.navbar-tabs .tab-btn .tab-icon{font-size:1.3rem}.navbar-user{align-items:stretch;border-top:1px solid #ffffff1a;flex-direction:column;gap:.75rem;margin-top:auto;padding:1.5rem 1rem 1rem}body[data-theme=light] .navbar-user{border-top-color:#e2e8f0}.navbar-user .user-avatar{align-self:center;font-size:1.3rem;height:50px;width:50px}.navbar-user .user-name{color:#fff;font-size:1.1rem;margin:0;text-align:center}body[data-theme=light] .navbar-user .user-name{color:#1e293b}.navbar-user .theme-toggle-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;cursor:pointer;font-size:1.5rem;padding:.875rem;transition:all .3s ease;width:100%}body[data-theme=light] .navbar-user .theme-toggle-btn{background:#f1f5f9;border-color:#cbd5e1}.navbar-user .theme-toggle-btn:hover{background:#fff3;transform:scale(1.05)}body[data-theme=light] .navbar-user .theme-toggle-btn:hover{background:#e2e8f0}.navbar-user .logout-btn{border-radius:12px;font-size:1rem;justify-content:center;padding:1rem;width:100%}}@media (max-width:767px){.top-navbar{height:60px;padding:0 1rem}.navbar-rail{top:60px;width:260px}.brand-name{font-size:1.25rem}.brand-icon{font-size:1.5rem}}@media (max-width:480px){.top-navbar{padding:0 .75rem}.navbar-brand{gap:8px}.brand-name{font-size:1.125rem}.brand-icon{font-size:1.3rem}.navbar-rail{padding:1rem 0;width:240px}.navbar-tabs{padding:0 .75rem}.navbar-tabs .tab-btn{font-size:.9375rem;padding:.875rem 1rem}.navbar-user{padding:1rem .75rem .75rem}}@media (max-width:359px){.brand-name{display:none}.navbar-rail{max-width:100vw;width:100%}}.user-avatar{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;display:flex;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.user-name{color:#fff;font-weight:600;margin-right:8px}body[data-theme=light] .user-name{color:#fff}.navbar-user .logout-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff59;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:6px;letter-spacing:.02em;padding:8px 18px;transition:all .3s ease}.navbar-user .logout-btn:hover{background:#ffffff40;transform:translateY(-2px)}.main-content{display:flex;flex-direction:column;gap:0;margin:0;max-width:100%;padding:0;width:100%}.setup-required-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.setup-required-banner h3{text-shadow:0 2px 4px #0003}.setup-required-banner p{text-shadow:0 1px 2px #0000001a}@media (max-width:768px){.setup-required-banner{padding:1rem!important}.setup-required-banner h3{font-size:.95rem!important}.setup-required-banner p{font-size:.85rem!important}.setup-required-banner button{font-size:.8rem!important;padding:.4rem .8rem!important}}.tab-content{color:var(--gray-50)}.fade-in,.tab-content{animation:fadeIn .5s ease-out}.content-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.content-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f4c81,#12a7d4);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.75rem,1.5vw + 1.5rem,2.75rem);font-weight:800;letter-spacing:-1px;margin:0}.content-subtitle{color:var(--gray-400);font-size:1.1rem}body[data-theme=light] .content-subtitle{color:#64748b}.content-container{margin:0 auto;padding:0 20px;width:100%}@media (min-width:1200px){.content-container{max-width:1400px}}.dashboard-column{display:flex;flex-direction:column}.sub-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;margin-bottom:2.5rem;padding:1rem}.sub-tab-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 12px #0000001a;color:#ffffffb3;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sub-tab-btn:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 8px 20px #00000026;color:#fff;transform:translateY(-2px)}.sub-tab-btn.active{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-color:#0000;box-shadow:0 10px 30px #0ea5e966;color:#fff;transform:translateY(-3px) scale(1.02)}.sub-tab-btn .tab-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.5rem;transition:transform .3s ease}.sub-tab-btn:hover .tab-emoji{transform:scale(1.15) rotate(5deg)}.sub-tab-btn.active .tab-emoji{filter:drop-shadow(0 4px 8px rgba(255,255,255,.3));transform:scale(1.1)}.transaction-sub-content{animation:fadeIn .5s ease-out}.monthly-table-container{border:1px solid #091d3314;border-radius:16px;box-shadow:0 18px 35px #0c20361f;margin-top:2rem;padding:1.75rem}.monthly-table-container h3{color:#1f2937;font-size:1.5rem;margin-bottom:1.5rem}.monthly-table{-webkit-overflow-scrolling:touch}.monthly-table table{min-width:700px}.monthly-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:1rem;text-align:left}body[data-theme=light] .monthly-table th{background:#f8fafc;border-bottom-color:#cbd5e1;color:#1e293b}.monthly-table td{border-bottom:1px solid #f3f4f6;padding:.875rem 1rem;white-space:nowrap}.monthly-table tbody tr:hover{background:#f9fafb}.monthly-table .month-cell{color:#1f2937;font-weight:600}body[data-theme=light] .monthly-table .month-cell{color:#1e293b}.monthly-table .amount-cell{font-family:Courier New,monospace;text-align:right}.monthly-table .positive-cell{color:#10b981;font-weight:600}.monthly-table .negative-cell{color:#ef4444;font-weight:600}.monthly-table tfoot{background:#f3f4f6;border-top:2px solid #d1d5db;font-weight:700}.monthly-table tfoot td{border-bottom:none;padding:1rem}@media (max-width:768px){.sub-tabs{flex-direction:column!important}.sub-tab-btn{width:100%}.sub-tab-btn span:last-child{font-size:.9rem}.expense-item .expense-details{padding-right:10px!important}.expense-item>div[style*="position: absolute"]{flex-direction:row!important;justify-content:flex-end!important;margin-top:15px!important;position:relative!important;right:auto!important;top:auto!important}}@media (max-width:480px){.expense-item .expense-details{padding-right:0!important}.expense-item button{font-size:.8rem!important;padding:6px 12px!important}.expense-item button span:first-child{font-size:1rem!important}}@media (max-width:359px){.content-container{padding:.75rem!important}.card,.finance-module{border-radius:16px!important;padding:.875rem!important}.card h2,.finance-module h2{font-size:1.1rem!important}.btn{font-size:.85rem!important;padding:.625rem 1rem!important}.form-group input,.form-group select{font-size:.875rem!important;padding:.5rem .75rem!important}}@media (min-width:360px) and (max-width:480px){.content-container{padding:1rem!important}.dashboard-column{gap:1rem!important}.finance-list-card{padding:.875rem!important}.summary-grid{gap:.875rem!important;grid-template-columns:1fr!important}.chart-container{padding:1rem!important}.chart-container h2,.chart-container h3{font-size:1.1rem!important}}@media (min-width:481px) and (max-width:767px){.content-container{padding:1.25rem!important}.summary-grid{grid-template-columns:repeat(2,1fr)!important}.chart-container canvas{max-height:280px!important}.table-responsive{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.monthly-table{min-width:600px!important}}@media (min-width:768px) and (max-width:1024px){.content-container{padding:1.5rem!important}.navbar-rail{gap:1rem!important}.summary-grid{grid-template-columns:repeat(2,1fr)!important}.dashboard-column{padding:0 1rem!important}}@media (hover:none) and (pointer:coarse){.btn,.chip-button,.sub-tab-btn,.tab-btn{min-height:44px!important;min-width:44px!important;padding:.75rem 1.25rem!important}.mobile-nav-toggle{min-height:48px!important;min-width:48px!important}input,select,textarea{font-size:16px!important;min-height:44px!important}.navbar-tabs .tab-btn{padding:1rem 1.5rem!important}}@media (max-width:896px) and (orientation:landscape){.top-navbar{padding:.5rem 1rem!important}.navbar-rail{max-height:90vh!important;overflow-y:auto!important}.main-content{max-height:calc(100vh - 60px)!important;overflow-y:auto!important}}@media print{.btn,.logout-btn,.mobile-nav-overlay,.mobile-nav-toggle,.navbar-rail,.theme-toggle-btn,.top-navbar{display:none!important}.main-content{padding:0!important}.card,.finance-module{break-inside:avoid!important;page-break-inside:avoid!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.btn,.card,.finance-module{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}}.auth-container{align-items:center;animation:fadeIn .6s ease-out;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.auth-card{animation:slideIn .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#040c18f2;border:1px solid #12a7d440;border-radius:24px;box-shadow:var(--shadow-2xl);max-width:480px;overflow:hidden;padding:var(--spacing-2xl);position:relative;width:100%}body[data-theme=light] .auth-card{background:#fffffffa;border-color:#e2e8f0;box-shadow:0 25px 60px #07132626}.auth-card:before{content:"";height:5px;left:0;position:absolute;right:0;top:0}.auth-card h1,.auth-card:before{background:var(--primary-gradient)}.auth-card h1{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:800;letter-spacing:-1px;margin-bottom:var(--spacing-sm);text-align:center}.auth-card h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-2xl);text-align:center}body[data-theme=light] .auth-card h2{color:#475569}.auth-card .form-group{margin-bottom:var(--spacing-lg)}.auth-card .form-group label{color:var(--gray-200);display:block;font-size:.9375rem;font-weight:600;letter-spacing:.3px;margin-bottom:var(--spacing-sm)}body[data-theme=light] .auth-card .form-group label{color:var(--gray-700)}.auth-card .form-group input{background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;color:#fff;font-family:inherit;font-size:1rem;padding:.875rem 1.125rem;transition:all var(--transition-base);width:100%}body[data-theme=light] .auth-card .form-group input{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.auth-card .form-group input:hover{border-color:#ffffff40}body[data-theme=light] .auth-card .form-group input:hover{background:#fff;border-color:#94a3b8}.auth-card .form-group input:focus{border-color:#12a7d4;box-shadow:0 0 0 3px #12a7d41a;outline:none;transform:translateY(-1px)}body[data-theme=light] .auth-card .form-group input:focus{background:#fff;border-color:#0f4c81;box-shadow:0 0 0 3px #0f4c811a}.auth-card .btn-primary{background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;font-size:1.0625rem;font-weight:700;letter-spacing:.5px;margin-top:var(--spacing-lg);padding:1rem;text-transform:uppercase;transition:all var(--transition-base);width:100%}.auth-card .btn-primary:hover{box-shadow:var(--shadow-2xl);filter:brightness(1.1);transform:translateY(-2px)}.auth-card .btn-primary:active{box-shadow:var(--shadow-md);transform:translateY(0)}.switch-auth{color:var(--gray-600);font-size:.9375rem;margin-top:var(--spacing-xl);text-align:center}.switch-auth button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.9375rem;font-weight:700;margin-left:var(--spacing-xs);padding:0;text-decoration:underline;transition:all var(--transition-fast)}.switch-auth button:hover{color:var(--primary-dark);transform:translateX(2px)}.error-message{background:var(--danger-light);border-left:4px solid var(--danger-color);color:#991b1b;font-weight:600}.error-message,.success-message{animation:slideIn .3s ease-out;border-radius:var(--radius-lg);font-size:.9375rem;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.success-message{border-left:4px solid var(--success-color)}@media (max-width:359px){.auth-container{padding:var(--spacing-sm)}.auth-card{border-radius:16px;max-width:100%;padding:var(--spacing-lg)}.auth-card h1{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.auth-card h2{font-size:1rem;margin-bottom:var(--spacing-lg)}.auth-card .form-group{margin-bottom:var(--spacing-md)}.auth-card .form-group label{font-size:.875rem;margin-bottom:6px}.auth-card .form-group input{border-radius:10px;font-size:16px;padding:.75rem .875rem}.auth-card .btn-primary{border-radius:10px;font-size:.9375rem;padding:.875rem}.switch-auth{margin-top:var(--spacing-lg)}.switch-auth,.switch-auth button{font-size:.85rem}.error-message,.success-message{font-size:.85rem;padding:var(--spacing-sm) var(--spacing-md)}}@media (min-width:360px) and (max-width:480px){.auth-container{padding:var(--spacing-md)}.auth-card{border-radius:20px;padding:var(--spacing-xl)}.auth-card h1{font-size:1.875rem}.auth-card h2{font-size:1.25rem}.auth-card .form-group input{font-size:16px}}@media (min-width:481px) and (max-width:767px){.auth-container{padding:var(--spacing-lg)}.auth-card{max-width:420px}.auth-card h1{font-size:2rem}.auth-card h2{font-size:1.375rem}}@media (min-width:768px) and (max-width:1024px){.auth-card{max-width:460px}.auth-card h1{font-size:2.125rem}.auth-card h2{font-size:1.4375rem}}@media (hover:none) and (pointer:coarse){.auth-card .form-group input{font-size:16px;min-height:44px}.auth-card .btn-primary{min-height:48px;padding:1.125rem}.switch-auth button{min-height:44px;padding:8px}.auth-card .form-group input:hover{border-color:#ffffff26}body[data-theme=light] .auth-card .form-group input:hover{background:#f8fafc;border-color:#cbd5e1}.auth-card .btn-primary:hover{filter:none;transform:none}.switch-auth button:hover{transform:none}}@media (max-width:896px) and (orientation:landscape){.auth-container{min-height:auto;padding:var(--spacing-md) var(--spacing-lg)}.auth-card{max-width:560px;padding:var(--spacing-lg)}.auth-card h1{font-size:1.75rem;margin-bottom:.5rem}.auth-card h2{font-size:1.125rem;margin-bottom:var(--spacing-lg)}.auth-card .form-group{margin-bottom:var(--spacing-md)}.auth-card .btn-primary,.switch-auth{margin-top:var(--spacing-md)}}@media print{.auth-container{display:none}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.auth-card,.auth-card .form-group input{border-width:.5px}}.settings-section{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040c18d9;border:1px solid #12a7d440;border-radius:24px;box-shadow:var(--shadow-xl);margin-bottom:1.5rem;padding:clamp(1.5rem,2vw,2.75rem);transition:all .3s ease}body[data-theme=light] .settings-section{background:#fff;border-color:#e2e8f0;box-shadow:0 15px 40px #07132614}.settings-section:hover{box-shadow:0 25px 50px #0000004d;transform:translateY(-5px)}body[data-theme=light] .settings-section:hover{box-shadow:0 25px 50px #07132626}.settings-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#89f7fe,#66a6ff);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #12a7d44d;color:#fff;font-size:1.4rem;margin-bottom:20px;margin-top:0;padding-bottom:10px}body[data-theme=light] .settings-section h3{border-bottom-color:#cbd5e1;color:#1e293b}.section-description{color:var(--gray-300);font-size:.95rem;line-height:1.6;margin-bottom:20px}body[data-theme=light] .section-description{color:#64748b}.glass-form{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;margin-bottom:20px;padding:20px}body[data-theme=light] .glass-form{background:#f8fafc;border-color:#cbd5e1}.form-group{margin-bottom:20px}.form-group label{color:var(--gray-200);display:block;font-size:1rem;font-weight:700;margin-bottom:8px}body[data-theme=light] .form-group label{color:#334155}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text]{background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;box-sizing:border-box;color:#fff;font-size:1rem;padding:12px;transition:all .3s ease;width:100%}body[data-theme=light] .form-group input[type=date],body[data-theme=light] .form-group input[type=number],body[data-theme=light] .form-group input[type=text]{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.form-group input:focus{border-color:#12a7d4;box-shadow:0 0 0 3px #12a7d41a;outline:none}body[data-theme=light] .form-group input:focus{border-color:#0f4c81;box-shadow:0 0 0 3px #0f4c811a}.help-text{color:var(--gray-400);display:block;font-size:.85rem;margin-top:5px}body[data-theme=light] .help-text{color:#64748b}.btn-add,.btn-save{padding:12px;width:100%}.current-info-box{background:#12a7d426;border:1px solid #12a7d44d;border-radius:16px;display:flex;flex-direction:column;gap:10px;margin-top:20px;padding:20px}body[data-theme=light] .current-info-box{background:#0f4c8114;border-color:#0f4c8133}.info-item{color:var(--gray-100);font-size:1.1rem}body[data-theme=light] .info-item{color:#475569}.info-item strong{color:#fff;font-weight:700}body[data-theme=light] .info-item strong{color:#0f172a}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.section-header .btn{font-size:.9rem;padding:8px 16px}.list-summary{color:var(--gray-400);font-size:.9rem;font-weight:600;margin-bottom:10px}body[data-theme=light] .list-summary{color:#64748b}.list-item-card{align-items:center;background:#060e1cd9;border:1px solid #ffffff14;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .3s ease}body[data-theme=light] .list-item-card{background:#f8fafc;border-color:#cbd5e1}.list-item-card:hover{background:#060e1cf2;box-shadow:0 8px 16px #0003;transform:translateY(-2px)}body[data-theme=light] .list-item-card:hover{background:#fff;box-shadow:0 8px 16px #0713261a}.item-details{color:#fff;flex:1 1}body[data-theme=light] .item-details{color:#1e293b}.item-amount{color:var(--success-color);font-size:1.3rem;font-weight:700}.item-date{color:var(--primary-color);font-size:.9rem;font-weight:600;margin-top:5px}.item-notes{color:var(--gray-300);font-size:.85rem;font-style:italic;margin-top:5px}.empty-state{background:#00000026;border:2px dashed #fff3;border-radius:12px;color:var(--gray-400);padding:30px;text-align:center}.info-tip{background:rgba(var(--info-color-rgb),.1);border:2px solid var(--info-color);border-radius:12px;color:var(--info-color);font-size:.9rem;margin-top:15px;padding:15px}.categories-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.category-item{align-items:center;background:#0003;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .3s ease}.category-item:hover{background:#0000004d}.category-name{color:#fff;flex-grow:1}.category-actions{display:flex;gap:8px}.btn-icon{background:none;border:none;color:var(--gray-400);cursor:pointer;font-size:1.1rem;transition:all .2s ease}.btn-icon:hover{color:#fff;transform:scale(1.2)}.btn-icon:disabled{color:var(--gray-600);cursor:not-allowed}.btn-delete{color:var(--danger-color)}.btn-delete:hover{color:#ff6b6b}.add-category{display:flex;gap:10px}.add-category input{flex-grow:1}.settings-actions{margin-top:30px;text-align:right}.btn-save{background:var(--accent-gradient);box-shadow:var(--shadow-lg)}.date-input-wrapper{borderRadius:12px;align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;cursor:pointer;display:flex;position:relative;transition:all .3s ease}.date-input-wrapper:hover{border-color:#12a7d4;box-shadow:0 0 0 3px #12a7d41a}.date-icon{font-size:1.5rem;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:1}.date-input-field{background:#0000;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;outline:none;padding:12px 48px 12px 12px;width:100%}body[data-theme=light] .date-input-wrapper{background:#f8fafc!important;border-color:#cbd5e1!important}body[data-theme=light] .date-input-field{color:#0f172a!important}body[data-theme=light] .date-input-wrapper:hover{border-color:#0f4c81!important;box-shadow:0 0 0 3px #0f4c811a!important}.date-input-field::-webkit-calendar-picker-indicator{cursor:pointer;height:24px;opacity:0;position:absolute;right:12px;width:24px}.date-input-field::-moz-calendar-picker-indicator{cursor:pointer;opacity:0}@media (max-width:359px){.settings-section{border-radius:16px;margin-bottom:1rem;padding:1rem}.settings-section h3{font-size:1.1rem;margin-bottom:15px;padding-bottom:8px}.section-description{font-size:.85rem;margin-bottom:15px}.glass-form{border-radius:12px;padding:12px}.form-group,.glass-form{margin-bottom:15px}.form-group label{font-size:.9rem;margin-bottom:6px}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text]{border-radius:10px;font-size:.9rem;padding:10px}.help-text{font-size:.75rem}.btn-add,.btn-save{font-size:.9rem;padding:10px}.current-info-box{gap:8px;margin-top:15px;padding:12px}.info-item{font-size:.9rem}.section-header{align-items:flex-start;flex-direction:column;gap:10px}.section-header .btn{font-size:.85rem;padding:8px 12px;width:100%}.list-item-card{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.item-details{width:100%}.item-amount{font-size:1.1rem}.item-date,.item-notes{font-size:.8rem}.category-item{align-items:flex-start;flex-direction:column;gap:10px;padding:10px}.category-actions{justify-content:flex-end;width:100%}.add-category{flex-direction:column;gap:8px}.add-category input{width:100%}.info-tip{font-size:.8rem;padding:12px}.empty-state{font-size:.85rem;padding:20px}.date-input-wrapper{border-radius:10px!important}.date-icon{font-size:1.3rem!important;left:10px!important}.date-input-field{font-size:.9rem!important;padding:10px 10px 10px 42px!important}}@media (min-width:360px) and (max-width:480px){.settings-section{border-radius:18px;padding:1.25rem}.settings-section h3{font-size:1.2rem}.section-description{font-size:.9rem}.glass-form{padding:15px}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text]{font-size:.95rem;padding:11px}.section-header{align-items:flex-start;flex-direction:column;gap:10px}.section-header .btn{width:100%}.list-item-card{flex-wrap:wrap;padding:14px}.item-details{flex:1 1 100%}.category-item{flex-wrap:wrap}.category-name{flex:1 1 100%;margin-bottom:8px}.category-actions{flex:1 1 100%;justify-content:flex-end}.date-input-field{font-size:.95rem!important}}@media (min-width:481px) and (max-width:767px){.settings-section{padding:1.5rem}.settings-section h3{font-size:1.3rem}.glass-form{padding:18px}.section-header{flex-direction:row;flex-wrap:wrap}.section-header .btn{flex:0 0 auto}.list-item-card{padding:15px}.item-amount{font-size:1.2rem}}@media (min-width:768px) and (max-width:1024px){.settings-section{padding:2rem}.glass-form{padding:20px}.list-item-card{padding:16px}}@media (hover:none) and (pointer:coarse){.btn-add,.btn-icon,.btn-save,.section-header .btn{min-height:44px;min-width:44px}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text]{font-size:16px;min-height:44px}.list-item-card{padding:16px}.category-item{padding:14px}.btn-icon{font-size:1.2rem;padding:10px}.list-item-card:hover,.settings-section:hover{transform:none}.category-item:hover{background:#0003}}@media (max-width:896px) and (orientation:landscape){.settings-section{padding:1rem 1.5rem}.current-info-box,.glass-form{padding:15px}.empty-state{padding:25px}}@media print{.settings-section{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.add-category,.btn-add,.btn-delete,.btn-icon,.btn-save,.section-header .btn{display:none}.glass-form{border:1px solid #ccc}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.category-item,.glass-form,.list-item-card,.settings-section{border-width:.5px}}.monthly-expense-report{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040c18d9;border:1px solid #12a7d440;border-radius:24px;box-shadow:var(--shadow-xl);color:var(--gray-50);margin:2rem auto;max-width:1400px;padding:clamp(1.5rem,2vw,2.75rem)}body[data-theme=light] .monthly-expense-report{background:#fff;border-color:#e2e8f0;box-shadow:0 15px 40px #07132614;color:#1e293b}.report-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.monthly-expense-report h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#89f7fe,#66a6ff);-webkit-background-clip:text;background-clip:text;color:#fff;letter-spacing:.01em;margin-bottom:.35rem}.report-subtitle{color:var(--gray-300);font-size:.95rem;margin-bottom:1.75rem}body[data-theme=light] .report-subtitle{color:#64748b}.report-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.report-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.report-summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0ea5e926,#0369a114);border:1px solid #0ea5e940;border-radius:18px;box-shadow:0 8px 24px #00000026;overflow:hidden;padding:1.25rem;position:relative}body[data-theme=light] .report-summary-card{background:linear-gradient(135deg,#fff,#f0f9ff);border:1px solid #bae6fd;box-shadow:0 4px 12px #0ea5e91f}.report-summary-card:after{background:linear-gradient(120deg,#ffffff14,#0000);content:"";inset:0;pointer-events:none;position:absolute}.report-summary-card.wide{grid-column:span 2}.summary-label{font-size:.85rem;letter-spacing:.08em;margin-bottom:.35rem}.summary-value{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}body[data-theme=light] .summary-value{color:#1e293b}.summary-value.accent{color:var(--accent-color)}.summary-value.positive{color:var(--success-color)}.summary-value.negative{color:var(--danger-color)}.summary-subvalue{color:var(--gray-300);font-size:.85rem}body[data-theme=light] .summary-subvalue{color:#64748b}.report-insight-banner{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0ea5e926,#06b6d414);border:1px solid #0ea5e94d;border-radius:20px;display:flex;gap:1.25rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.25rem 1.5rem}body[data-theme=light] .report-insight-banner{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:1px solid #7dd3fc;box-shadow:0 2px 8px #0ea5e91a}.insight-title{color:var(--gray-200);font-size:.8rem;letter-spacing:.1em;margin-bottom:.35rem;text-transform:uppercase}body[data-theme=light] .insight-title{color:#64748b}.insight-copy{color:#fff;font-size:.95rem;margin:0}body[data-theme=light] .insight-copy{color:#1e293b}.insight-highlight{color:var(--accent-color);font-weight:700}.insight-metric{color:var(--gray-300);display:flex;flex-direction:column;font-size:.85rem;text-align:right}body[data-theme=light] .insight-metric{color:#64748b}.insight-metric strong{color:#fff;font-size:1.45rem;font-weight:800}body[data-theme=light] .insight-metric strong{color:#1e293b}.insight-metric strong.positive{color:var(--success-color)}.insight-metric strong.negative{color:var(--danger-color)}.mobile-report-placeholder{background:#030c1ab3;border:1px dashed #0ea5e966;border-radius:20px;box-shadow:inset 0 0 30px #00000040;color:#e2e8f0;padding:2rem;text-align:center;width:100%}body[data-theme=light] .mobile-report-placeholder{background:#f8fafc;border:1px dashed #7dd3fc;color:#334155}.mobile-report-placeholder h3{color:#fff;margin-bottom:.5rem}body[data-theme=light] .mobile-report-placeholder h3{color:#0f172a}.mobile-report-placeholder p{color:#cbd5e1;margin-bottom:1rem}body[data-theme=light] .mobile-report-placeholder p{color:#64748b}.mobile-report-placeholder ul{color:#e2e8f0;display:flex;flex-direction:column;gap:.4rem;list-style:none;margin:0;padding:0}body[data-theme=light] .mobile-report-placeholder ul{color:#475569}.mobile-report-placeholder li:before{color:#0ea5e9;content:"•";font-weight:700;margin-right:.4rem}.export-pdf-btn{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:12px;box-shadow:0 8px 20px #0ea5e959;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:.5rem;letter-spacing:.02em;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.export-pdf-btn:hover{box-shadow:0 12px 28px #0ea5e973;transform:translateY(-2px)}body[data-theme=light] .export-pdf-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 6px 16px #0ea5e94d}body[data-theme=light] .export-pdf-btn:hover{box-shadow:0 10px 24px #0ea5e966}.export-icon{font-size:1.1rem}.month-report-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030c1a80;border:1px solid #0ea5e933;border-left:5px solid #0ea5e966;border-radius:18px;box-shadow:0 8px 24px #0003;margin-bottom:1.75rem;overflow-x:auto;padding:1.25rem;position:relative;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.month-report-section.month-alt{background:#0612248c}.month-report-section.month-status-healthy{background:linear-gradient(90deg,#10b9810f,#030c1a80 12%);border-left-color:#10b981;box-shadow:0 8px 24px #10b98114,inset 0 0 40px #10b98108}.month-report-section.month-status-healthy.month-alt{background:linear-gradient(90deg,#10b98114,#0612248c 12%)}.month-report-section.month-status-elevated{background:linear-gradient(90deg,#3b82f60f,#030c1a80 12%);border-left-color:#3b82f6;box-shadow:0 8px 24px #3b82f614,inset 0 0 40px #3b82f608}.month-report-section.month-status-elevated.month-alt{background:linear-gradient(90deg,#3b82f614,#0612248c 12%)}.month-report-section.month-status-warning{background:linear-gradient(90deg,#f59e0b12,#030c1a80 12%);border-left-color:#f59e0b;box-shadow:0 8px 24px #f59e0b14,inset 0 0 40px #f59e0b08}.month-report-section.month-status-warning.month-alt{background:linear-gradient(90deg,#f59e0b17,#0612248c 12%)}.month-report-section.month-status-critical{background:linear-gradient(90deg,#ef444412,#030c1a80 12%);border-left-color:#ef4444;box-shadow:0 8px 24px #ef44441a,inset 0 0 40px #ef44440a}.month-report-section.month-status-critical.month-alt{background:linear-gradient(90deg,#ef444417,#0612248c 12%)}.month-section-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.85rem;padding-bottom:.65rem}.month-section-badge{align-items:center;background:linear-gradient(135deg,#0ea5e940,#06b6d426);border-radius:10px;color:#fff;display:inline-flex;font-size:.95rem;font-weight:800;letter-spacing:.03em;padding:.35rem 1rem}.month-status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:700;gap:.3rem;letter-spacing:.04em;padding:.25rem .85rem;text-transform:uppercase}.month-status-pill.status-healthy{background:#10b9812e;border:1px solid #10b9814d;color:#34d399}.month-status-pill.status-elevated{background:#3b82f62e;border:1px solid #3b82f64d;color:#60a5fa}.month-status-pill.status-warning{background:#f59e0b2e;border:1px solid #f59e0b4d;color:#fbbf24}.month-status-pill.status-critical{background:#ef44442e;border:1px solid #ef44444d;color:#f87171}.month-utilization-tag{color:#94a3b8;font-family:JetBrains Mono,Courier New,monospace;font-size:.8rem;font-weight:600;margin-left:auto}body[data-theme=light] .month-report-section{background:#fff;border:1px solid #bae6fd;border-left-width:5px;box-shadow:0 4px 12px #0ea5e91a}body[data-theme=light] .month-report-section.month-alt{background:#fafcff}body[data-theme=light] .month-report-section.month-status-healthy{background:linear-gradient(90deg,#10b9810d,#fff 12%);border-left-color:#10b981;box-shadow:0 4px 16px #10b98114}body[data-theme=light] .month-report-section.month-status-healthy.month-alt{background:linear-gradient(90deg,#10b98112,#fafcff 12%)}body[data-theme=light] .month-report-section.month-status-elevated{background:linear-gradient(90deg,#3b82f60d,#fff 12%);border-left-color:#3b82f6;box-shadow:0 4px 16px #3b82f614}body[data-theme=light] .month-report-section.month-status-elevated.month-alt{background:linear-gradient(90deg,#3b82f612,#fafcff 12%)}body[data-theme=light] .month-report-section.month-status-warning{background:linear-gradient(90deg,#f59e0b0d,#fff 12%);border-left-color:#f59e0b;box-shadow:0 4px 16px #f59e0b14}body[data-theme=light] .month-report-section.month-status-warning.month-alt{background:linear-gradient(90deg,#f59e0b12,#fafcff 12%)}body[data-theme=light] .month-report-section.month-status-critical{background:linear-gradient(90deg,#ef44440d,#fff 12%);border-left-color:#ef4444;box-shadow:0 4px 16px #ef444414}body[data-theme=light] .month-report-section.month-status-critical.month-alt{background:linear-gradient(90deg,#ef444412,#fafcff 12%)}body[data-theme=light] .month-section-header{border-bottom-color:#e2e8f0}body[data-theme=light] .month-section-badge{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0c4a6e}body[data-theme=light] .month-status-pill.status-healthy{background:#10b9811f;border:1px solid #10b98140;color:#059669}body[data-theme=light] .month-status-pill.status-elevated{background:#3b82f61f;border:1px solid #3b82f640;color:#2563eb}body[data-theme=light] .month-status-pill.status-warning{background:#f59e0b1f;border:1px solid #f59e0b40;color:#d97706}body[data-theme=light] .month-status-pill.status-critical{background:#ef44441f;border:1px solid #ef444440;color:#dc2626}body[data-theme=light] .month-utilization-tag{color:#64748b}.excel-table{background:#030c1af2;border:2px solid #0ea5e940;border-collapse:collapse;border-radius:12px;color:var(--gray-100);font-family:Public Sans,Calibri,Arial,sans-serif;overflow:hidden;width:100%}.excel-table td,.excel-table th{border:1px solid #0ea5e926;padding:12px 16px;text-align:left}body[data-theme=light] .excel-table{background:#fff;border:2px solid #bae6fd}body[data-theme=light] .excel-table td,body[data-theme=light] .excel-table th{border:1px solid #e0f2fe;color:#1e293b}.header-row{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 4px 12px #0ea5e94d;color:#fff;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.header-row th{font-size:.9rem;padding:14px 16px}body[data-theme=light] .header-row{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 2px 8px #0ea5e933;color:#fff}.col-date{text-align:center;width:80px}.col-cashfor{width:200px}.col-amount{text-align:right;width:150px}.col-percentage{background:#0ea5e914;text-align:center;width:110px}body[data-theme=light] .col-percentage{background:#f0f9ff}.col-total{text-align:right;width:150px}.col-currency{background:#0ea5e914;width:150px}body[data-theme=light] .col-currency{background:#f0f9ff}.col-totals{text-align:right;width:150px}.date-cell{background:linear-gradient(135deg,#0ea5e940,#06b6d426);color:#fff;font-size:1.05rem;font-weight:700;letter-spacing:.02em;text-align:center;vertical-align:middle}body[data-theme=light] .date-cell{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0c4a6e;font-weight:800}.expense-name{background:#030c1a80;color:#e2e8f0;font-weight:500;position:relative}body[data-theme=light] .expense-name{background:#f8fafc;color:#334155}.expense-name.daily-item{background:#0ea5e926;color:#fff;font-style:italic}body[data-theme=light] .expense-name.daily-item{background:#0ea5e91a;color:#0c4a6e}.daily-badge{border-radius:999px;box-shadow:0 2px 8px #0ea5e94d;display:inline-block;font-size:.7rem;font-style:normal;font-weight:800;letter-spacing:.05em;margin-right:8px;padding:3px 10px;text-transform:uppercase}.daily-badge,body[data-theme=light] .daily-badge{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}body[data-theme=light] .daily-badge{box-shadow:0 2px 6px #0ea5e940}.expense-amount{background:#0ea5e914;color:#0ea5e9;font-family:JetBrains Mono,Courier New,monospace;font-weight:700;text-align:right}body[data-theme=light] .expense-amount{background:#f0f9ff;color:#0284c7}.percentage-cell{background:#0ea5e91f;color:#e0f2fe;font-family:Public Sans,sans-serif;font-size:.95rem;font-weight:700;text-align:center;vertical-align:middle}body[data-theme=light] .percentage-cell{background:#e0f2fe;color:#0c4a6e}.total-cell{background:#0ea5e926;color:#0ea5e9;font-family:JetBrains Mono,Courier New,monospace;font-size:1.05rem;font-weight:800;text-align:right;vertical-align:middle}body[data-theme=light] .total-cell{background:#e0f2fe;color:#0284c7}.currency-label{background:#0ea5e91f;color:#7dd3fc;font-weight:700;letter-spacing:.05em;padding-left:16px;text-transform:uppercase}body[data-theme=light] .currency-label{background:#f0f9ff;color:#0369a1}.salary-value{background:#031020e6;color:#22d3ee;font-family:JetBrains Mono,Courier New,monospace;font-size:1.1rem;font-weight:800;text-align:right}body[data-theme=light] .salary-value{background:#f0fdfa;color:#0d9488}.remaining-value{background:#040c18bf;font-family:JetBrains Mono,Courier New,monospace;font-size:1.05rem;font-weight:700;text-align:right}.remaining-value.positive{color:var(--success-color)}.remaining-value.negative{color:var(--danger-color)}.brought-forward-row{background:#0ea5e926;font-weight:700}body[data-theme=light] .brought-forward-row{background:#e0f2fe}.brought-forward-label{color:#7dd3fc;font-size:.95rem;font-weight:800;padding-left:16px}body[data-theme=light] .brought-forward-label{color:#0369a1}.brought-forward-amount{font-family:JetBrains Mono,Courier New,monospace;font-size:1rem;padding-right:16px;text-align:right}.brought-forward-amount .positive{color:var(--success-color)}.brought-forward-amount .negative{color:var(--danger-color)}.final-balance-label{background:linear-gradient(135deg,#0ea5e933,#06b6d426)!important;color:#fff!important;font-size:1.1rem;font-weight:900!important}body[data-theme=light] .final-balance-label{background:linear-gradient(135deg,#bae6fd,#7dd3fc)!important;color:#0c4a6e!important}.final-balance{background:linear-gradient(135deg,#0ea5e940,#06b6d433)!important;border:2px solid #0ea5e966;font-size:1.2rem!important;font-weight:900!important}body[data-theme=light] .final-balance{background:linear-gradient(135deg,#e0f2fe,#bae6fd)!important;border:2px solid #0ea5e9;color:#0c4a6e!important}.separator-row,.separator-row td{background:#0000;height:10px}.separator-row td{border:none;padding:0}.total-percentage-row{border-bottom:3px solid #34d399;border-top:3px solid #34d399;font-weight:800}.total-percentage-row,body[data-theme=light] .total-percentage-row{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.total-percentage-label{background:#0000;color:#fff;font-size:1.05rem;font-weight:800;padding:14px 16px;text-align:center}.total-percentage-value{background:#030c1a80;border-left:2px solid #34d399;border-right:2px solid #34d399;color:#fff;font-size:1.3rem;font-weight:900;padding:14px;text-align:center}body[data-theme=light] .total-percentage-value{background:#ffffff40;color:#fff}.total-percentage-info{background:#030c1a66;color:#d1fae5;font-size:.9rem;padding:14px;text-align:center}body[data-theme=light] .total-percentage-info{background:#fff3;color:#fff}.percentage-breakdown{font-family:JetBrains Mono,Courier New,monospace;font-weight:600}@media (max-width:359px){.monthly-expense-report{border-radius:12px;margin:.5rem;padding:.75rem}.report-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.report-header h2{font-size:1.1rem}.report-actions{flex-direction:column;gap:6px;width:100%}.report-actions button{font-size:.8rem;padding:8px;width:100%}.report-summary-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.report-summary-card{padding:var(--spacing-sm)}.report-summary-card.wide{grid-column:span 1}.summary-card-label{font-size:.7rem}.summary-card-value{font-size:1.1rem}.report-insight-banner{flex-direction:column;gap:6px;padding:var(--spacing-sm);text-align:left}.report-insight-banner h3{font-size:.9rem}.report-insight-banner p{font-size:.75rem}.month-report-section{border-left-width:4px;margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.month-report-section h3{font-size:.95rem;padding:var(--spacing-xs) var(--spacing-sm)}.month-section-header{gap:.4rem;margin-bottom:.5rem;padding-bottom:.4rem}.month-section-badge{font-size:.8rem;padding:.25rem .65rem}.month-status-pill{font-size:.65rem;padding:.2rem .55rem}.month-utilization-tag{font-size:.7rem}.excel-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.excel-table{font-size:.7rem;min-width:600px}.excel-table td,.excel-table th{padding:4px 6px;white-space:nowrap}.col-cashfor{width:120px}.col-amount,.col-currency,.col-total,.col-totals{width:80px}}@media (min-width:360px) and (max-width:480px){.monthly-expense-report{border-radius:16px;margin:.75rem;padding:1rem}.report-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.report-header h2{font-size:1.2rem}.report-actions{flex-wrap:wrap;gap:8px;width:100%}.report-actions button{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;font-size:.85rem;min-width:120px;padding:10px}.report-summary-grid{gap:var(--spacing-md);grid-template-columns:1fr}.report-summary-card.wide{grid-column:span 1}.summary-card-label{font-size:.75rem}.summary-card-value{font-size:1.2rem}.report-insight-banner{flex-direction:column;padding:var(--spacing-md);text-align:left}.month-report-section{border-left-width:4px;padding:var(--spacing-md)}.month-section-header{gap:.5rem}.month-section-badge{font-size:.85rem}.excel-table{font-size:.75rem;min-width:650px}.excel-table td,.excel-table th{padding:6px 8px}.col-cashfor{width:130px}.col-amount,.col-currency,.col-total,.col-totals{width:90px}}@media (min-width:481px) and (max-width:767px){.monthly-expense-report{margin:1rem;padding:1.25rem}.report-header{align-items:flex-start;flex-direction:column}.report-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.report-actions button{flex:0 0 auto}.report-summary-grid{grid-template-columns:repeat(2,1fr)}.report-summary-card.wide{grid-column:span 2}.report-insight-banner{flex-direction:column;text-align:left}.excel-table{font-size:.8rem}.excel-table td,.excel-table th{padding:6px 8px}.col-cashfor{width:150px}.col-amount,.col-currency,.col-total,.col-totals{width:110px}}@media (min-width:768px) and (max-width:1024px){.monthly-expense-report{max-width:1200px;padding:1.5rem}.report-header{flex-wrap:wrap}.report-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.excel-table{font-size:.85rem}.excel-table td,.excel-table th{padding:8px 10px}}@media (hover:none) and (pointer:coarse){.report-actions button{min-height:44px;min-width:44px;padding:12px 16px}.report-summary-card{min-height:80px;padding:var(--spacing-md)}.report-summary-card:hover{transform:none}.excel-table tbody tr:hover,body[data-theme=light] .excel-table tbody tr:hover{background:#0000}}@media (max-width:896px) and (orientation:landscape){.monthly-expense-report{margin:.5rem;padding:1rem 1.5rem}.report-header{margin-bottom:var(--spacing-md)}.report-summary-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.report-summary-card{padding:var(--spacing-sm) var(--spacing-md)}.month-report-section{border-left-width:4px;padding:var(--spacing-md)}.month-section-header{gap:.5rem;margin-bottom:.5rem}}@media print{.monthly-expense-report{background:#fff;box-shadow:none;color:#000;margin:0;padding:0}.report-actions{display:none!important}.excel-table,.excel-table td,.excel-table th,.month-report-section{background:#fff!important;border-color:#000!important;color:#000!important}.month-report-section{border-left-width:4px!important}.month-status-pill{background:#0000!important;border-color:#000!important;color:#000!important}.separator-row{break-after:avoid;page-break-after:avoid}.month-report-section,.report-summary-card{break-inside:avoid;page-break-inside:avoid}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.excel-table td,.excel-table th,.month-report-section,.monthly-expense-report,.report-summary-card{border-width:.5px}}.monthly-projection-container{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040c18d9;border:1px solid #12a7d440;border-radius:24px;box-shadow:var(--shadow-xl);color:var(--gray-50);margin:2rem auto;max-width:1400px;padding:clamp(1.5rem,2vw,2.75rem)}body[data-theme=light] .monthly-projection-container{background:#fff;border-color:#e2e8f0;box-shadow:0 15px 40px #07132614;color:#1e293b}.monthly-projection-container .card{background:#0000;border:none;border-radius:0;box-shadow:none;padding:0}.monthly-projection-container .card:before{background:var(--primary-gradient);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;content:"";height:5px;left:0;position:absolute;right:0;top:0}.monthly-projection-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#89f7fe,#66a6ff);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #12a7d44d;color:#fff;font-size:1.875rem;font-weight:800;letter-spacing:-.5px;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}body[data-theme=light] .monthly-projection-container h2{border-bottom-color:#cbd5e1}.monthly-projection-container h3{align-items:center;color:#fff;display:flex;font-size:1.375rem;font-weight:700;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-2xl)}body[data-theme=light] .monthly-projection-container h3{color:#1e293b}.projection-summary{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--spacing-2xl)}.summary-box{background:radial-gradient(circle at top,#12a7d42e,#030a14cc);border:1px solid #ffffff14;border-radius:var(--radius-xl);overflow:hidden;padding:var(--spacing-lg);position:relative;text-align:center;transition:all var(--transition-base)}body[data-theme=light] .summary-box{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#cbd5e1}.summary-box:before{background:var(--primary-gradient);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.summary-box:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px) scale(1.02)}.summary-box:hover:before{opacity:1}.summary-box.highlight{background:var(--primary-gradient);border-color:#0000;box-shadow:var(--shadow-xl);color:#fff;transform:scale(1.05)}.summary-box.highlight:hover{box-shadow:var(--shadow-2xl);transform:translateY(-4px) scale(1.07)}.summary-label{color:var(--gray-300);display:block;font-size:.875rem;font-weight:700;letter-spacing:.5px;margin-bottom:var(--spacing-sm);opacity:.8;text-transform:uppercase}body[data-theme=light] .summary-label{color:#64748b}.summary-box.highlight .summary-label{color:#fffffff2;opacity:1}body[data-theme=light] .summary-box.highlight .summary-label{color:#fffffff2}.summary-amount{color:#12a7d4;display:block;font-family:Courier New,monospace;font-size:1.75rem;font-weight:800;letter-spacing:-1px}body[data-theme=light] .summary-amount{color:#0f4c81}.summary-box.highlight .summary-amount{color:#fff}.summary-amount.expense{color:var(--danger-color)}.summary-box.highlight .summary-amount.expense{color:var(--danger-light)}.monthly-table-container{background:#fffffffa;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-top:var(--spacing-2xl);overflow-x:auto}body[data-theme=light] .monthly-table-container{background:#fff;box-shadow:0 8px 16px #07132614}.monthly-table{overflow-x:auto;width:100%}.monthly-table table{border:2px solid var(--gray-400);border-collapse:collapse;margin-top:0;table-layout:auto;width:100%}.monthly-table thead{position:sticky;top:0;z-index:10}.monthly-table th{background:var(--primary-gradient);border:1px solid #ffffff4d;color:#fff;font-size:.875rem;font-weight:700;letter-spacing:.5px;padding:16px 20px;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.monthly-table th:first-child{text-align:left}.monthly-table th:not(:first-child){text-align:right}.monthly-table td{background:#fff;border:1px solid var(--gray-300);font-size:.9375rem;padding:12px 16px;vertical-align:middle}.monthly-table td:first-child{color:var(--gray-900);font-weight:700;text-align:left;white-space:nowrap}.monthly-table td:not(:first-child){text-align:right}.monthly-table td.amount-cell{font-family:Courier New,monospace;font-weight:600;text-align:right}.month-row{transition:all var(--transition-base)}.month-row:hover{background:var(--gray-50)}.month-row.past{opacity:.6}.month-row.past:hover{opacity:.8}.month-row.current{background:var(--warning-light);border-left:5px solid var(--warning-color);font-weight:700}.month-row.current td{background:#0000}.month-row.current:hover{background:#fde68a}.month-name{color:var(--gray-900);font-size:.875rem;font-weight:700;letter-spacing:.3px;overflow:hidden;text-align:left!important;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.amount-cell{font-family:Courier New,monospace;font-size:.9375rem;font-weight:600;text-align:right}.expense-cell{color:var(--danger-color)}.positive-cell{color:var(--success-color);font-weight:700}.negative-cell{color:var(--danger-color);font-weight:700}.cumulative-cell{color:var(--primary-color);font-weight:800}.total-row{background:var(--gray-100);font-weight:800}.total-row td{background:#0000;border-bottom:none;border-top:3px solid var(--primary-color);font-size:1rem;padding:var(--spacing-lg) var(--spacing-md)}.total-row:hover{background:var(--gray-200)}.chart-section{border-top:2px solid var(--gray-200);margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl)}.warning-message{align-items:center;background:var(--danger-light);border-left:5px solid var(--danger-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:#991b1b;display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-md);margin-top:var(--spacing-2xl);padding:var(--spacing-lg) var(--spacing-xl)}.warning-message:before{content:"";font-size:1.5rem}.success-message{align-items:center;background:var(--success-light);border-left:5px solid var(--success-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:#065f46;display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-md);margin-top:var(--spacing-2xl);padding:var(--spacing-lg) var(--spacing-xl)}.success-message:before{content:"";font-size:1.5rem}.plan-period{align-items:center;background:linear-gradient(135deg,var(--info-light) 0,#bfdbfe 100%);border-left:4px solid var(--info-color);border-radius:var(--radius-xl);color:var(--gray-800);display:flex;font-weight:600;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.plan-period:before{content:"";font-size:1.5rem}@media (max-width:1024px){.projection-summary{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-amount{font-size:1.5rem}}@media (max-width:768px){.monthly-projection-container .card{padding:var(--spacing-lg)}.monthly-projection-container h2{font-size:1.5rem}.monthly-projection-container h3{font-size:1.125rem}.projection-summary{gap:var(--spacing-md);grid-template-columns:1fr}.monthly-table td,.monthly-table th{font-size:.8125rem;padding:var(--spacing-sm)}.monthly-table td:first-child,.monthly-table th:first-child{padding-left:var(--spacing-md)}.monthly-table td:last-child,.monthly-table th:last-child{padding-right:var(--spacing-md)}.summary-amount{font-size:1.375rem}}@media (max-width:480px){.monthly-table{font-size:.75rem}.monthly-table td,.monthly-table th{padding:var(--spacing-xs) var(--spacing-sm)}.summary-box{padding:var(--spacing-md)}.summary-label{font-size:.75rem}.summary-amount{font-size:1.25rem}}.expense-details-panel{animation:slideIn .4s ease-out;background:linear-gradient(135deg,var(--gray-50) 0,#fff 100%);border:2px solid var(--primary-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);margin-top:var(--spacing-2xl);padding:var(--spacing-2xl)}.expense-details-header{align-items:center;border-bottom:3px solid #0000;border-image:var(--primary-gradient) 1;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.expense-details-header h4{color:var(--gray-900);font-size:1.5rem;font-weight:800;margin:0}.close-details-btn{background:var(--danger-color);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.close-details-btn:hover{background:#c0392b;box-shadow:var(--shadow-md);transform:translateY(-2px)}.expense-details-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--spacing-xl)}.expense-details-section{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:all var(--transition-base)}.expense-details-section:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.expense-details-section h5{align-items:center;color:var(--primary-color);display:flex;font-size:1.125rem;font-weight:800;gap:var(--spacing-sm);margin:0 0 var(--spacing-lg) 0}.expense-items{margin-bottom:var(--spacing-md);max-height:400px;overflow-y:auto;padding-right:var(--spacing-sm)}.expense-items::-webkit-scrollbar{width:6px}.expense-items::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}.expense-items::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-full)}.expense-detail-item{align-items:center;background:var(--gray-50);border-left:4px solid var(--primary-color);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-md);transition:all var(--transition-fast)}.expense-detail-item:hover{background:var(--gray-100);box-shadow:var(--shadow-sm);transform:translateX(4px)}.expense-item-info{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.expense-item-name{color:var(--gray-900);font-size:.95rem;font-weight:700}.expense-item-category{background:var(--primary-color);border-radius:var(--radius-md);color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px}.expense-item-date{color:var(--gray-600);font-weight:600}.expense-item-amount{color:var(--danger-color);font-family:Courier New,monospace;font-size:1.1rem;font-weight:800;margin-left:var(--spacing-md);white-space:nowrap}.expense-section-total{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-color-dark) 100%);box-shadow:var(--shadow-md);font-size:1rem;font-weight:700;padding:var(--spacing-md)}.expense-details-grand-total,.expense-section-total{align-items:center;border-radius:var(--radius-lg);color:#fff;display:flex;justify-content:space-between}.expense-details-grand-total{animation:pulse 2s ease-in-out infinite;background:var(--primary-gradient);box-shadow:var(--shadow-xl);font-size:1.375rem;font-weight:800;padding:var(--spacing-xl)}.no-expenses{color:var(--gray-400);font-size:.9rem;font-style:italic;padding:var(--spacing-xl);text-align:center}@media (max-width:359px){.monthly-projection-container{border-radius:16px;margin:1rem .5rem;padding:1rem}.monthly-projection-container h2{font-size:1.25rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.monthly-projection-container h3{font-size:1.1rem;margin-bottom:var(--spacing-md);margin-top:var(--spacing-lg)}.projection-summary{gap:var(--spacing-sm);grid-template-columns:1fr;margin-bottom:var(--spacing-lg)}.summary-box{padding:var(--spacing-sm)}.summary-label{font-size:.75rem;margin-bottom:4px}.summary-amount{font-size:1.25rem}.monthly-table-container{-webkit-overflow-scrolling:touch;margin-top:var(--spacing-lg);overflow-x:auto}.monthly-table{min-width:600px}.monthly-table th{font-size:.75rem;padding:10px 8px}.monthly-table td{font-size:.8125rem;padding:8px 6px}.month-name{font-size:.75rem;max-width:60px}.expense-details-panel{border-radius:12px 12px 0 0;padding:var(--spacing-sm)}.expense-details-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.expense-details-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.expense-details-header h3{font-size:1rem}.close-details-btn{align-self:flex-end;font-size:1.25rem;min-height:40px;min-width:40px;padding:8px}.expense-month-section{margin-bottom:var(--spacing-md)}.expense-month-section h4{font-size:.95rem;padding:var(--spacing-sm)}.expense-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm)}.expense-item-name{font-size:.85rem}.expense-item-category{font-size:.7rem}.expense-item-amount{align-self:flex-end;font-size:.95rem;margin-left:0}.expense-section-total{flex-direction:column;font-size:.9rem;gap:4px;padding:var(--spacing-sm);text-align:center}.expense-details-grand-total{flex-direction:column;font-size:1.1rem;gap:var(--spacing-xs);padding:var(--spacing-md);text-align:center}}@media (min-width:360px) and (max-width:480px){.monthly-projection-container{border-radius:18px;margin:1rem;padding:1.25rem}.monthly-projection-container h2{font-size:1.4rem}.monthly-projection-container h3{font-size:1.2rem}.projection-summary{gap:var(--spacing-md);grid-template-columns:1fr}.summary-box{padding:var(--spacing-md)}.summary-label{font-size:.8125rem}.summary-amount{font-size:1.4rem}.monthly-table{min-width:650px}.monthly-table th{font-size:.8125rem;padding:12px 10px}.monthly-table td{font-size:.875rem;padding:10px 8px}.expense-details-panel{padding:var(--spacing-md)}.expense-details-grid{gap:var(--spacing-md);grid-template-columns:1fr}.expense-details-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.close-details-btn{align-self:flex-end;min-height:44px;min-width:44px}.expense-item{flex-wrap:wrap}.expense-item-amount{margin-left:0;text-align:right;width:100%}.expense-details-grand-total{flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media (min-width:481px) and (max-width:767px){.monthly-projection-container{margin:1.5rem;padding:1.5rem}.monthly-projection-container h2{font-size:1.5rem}.projection-summary{grid-template-columns:repeat(2,1fr)}.monthly-table{min-width:700px}.expense-details-panel{padding:var(--spacing-lg)}.expense-details-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.expense-details-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.close-details-btn{align-self:flex-end}.expense-details-grand-total{flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media (min-width:768px) and (max-width:1024px){.monthly-projection-container{max-width:1200px;padding:2rem}.projection-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.expense-details-panel{padding:var(--spacing-xl)}.expense-details-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.expense-details-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.close-details-btn{align-self:flex-end}.expense-details-grand-total{flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media (hover:none) and (pointer:coarse){.summary-box{min-height:100px}.close-details-btn{min-height:48px;min-width:48px;padding:12px}.expense-item{min-height:60px;padding:var(--spacing-md)}.summary-box:hover{transform:none}.month-row:hover{background:#fff}.month-row.past:hover{opacity:.6}.month-row.current:hover{background:var(--warning-light)}.expense-item:hover{transform:none}}@media (max-width:896px) and (orientation:landscape){.monthly-projection-container{margin:.5rem;padding:1rem 1.5rem}.monthly-projection-container h2{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.projection-summary{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:var(--spacing-lg)}.summary-box{padding:var(--spacing-sm) var(--spacing-md)}.expense-details-panel{max-height:80vh}.expense-details-grid{gap:var(--spacing-md)}}@media print{.monthly-projection-container{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.close-details-btn{display:none}.expense-details-panel{max-height:none;overflow:visible;position:static}.monthly-table-container{overflow:visible}.summary-box:hover:before{opacity:0}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.monthly-projection-container,.monthly-table td,.monthly-table th,.summary-box{border-width:.5px}}
/*# sourceMappingURL=main.b85df3e4.css.map*/