.login-page{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}@media (width<=768px){.login-page{background-color:#fff;justify-content:start}}.login-card{background:#fff;border:1px solid #e1e6ed;border-radius:12px;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:40px 32px;display:flex;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}@media (width<=768px){.login-card{box-shadow:none;border:none;margin-top:10vh;padding:0}}.login-icon-wrapper{border-radius:10px;display:flex}.login-icon-wrapper svg{width:auto;height:64px}.login-top-icon{width:24px;height:24px}.login-subtitle{color:#6b7280;text-align:center;margin:20px 0 32px;font-size:14px}.login-form{width:100%}.input-group{margin-bottom:20px}.input-group label{letter-spacing:.05em;color:#4b5563;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.input-group .label-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.input-group .label-row label{margin-bottom:0}.error-msg{color:#ff2e2e;text-align:center;font-size:14px}.forgot-link{color:#374151;font-size:12px;font-weight:500;text-decoration:none}.forgot-link:hover{text-decoration:underline}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper .input-icon{color:#9ca3af;align-items:center;display:flex;position:absolute;left:12px}.input-wrapper input{color:#1f2937;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:11px 16px 11px 38px;font-size:14px;transition:all .2s}.input-wrapper input::placeholder{color:#9ca3af}.input-wrapper input:focus{background:#fff;border-color:#111827;box-shadow:0 0 0 3px #11182714}.toggle-password{cursor:pointer;color:#9ca3af;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;right:12px}.toggle-password:hover{color:#4b5563}.submit-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:12px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.submit-btn:hover{background:#1f2937}.card-footer{color:#6b7280;align-items:center;gap:6px;margin-top:24px;font-size:12px;display:flex}.page-footer{color:#9ca3af;margin-top:40px;font-size:12px}.sidebar-item{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:14px;width:100%;padding:12px 16px;font-size:15px;font-weight:600;transition:all .2s;display:flex}@media (width<=1000px){.sidebar-item{padding:16px}}.sidebar-item .sidebar-icon{fill:#45464d;width:20px;height:20px}.sidebar-item:hover{color:#0f172a;background-color:#f8fafc}.sidebar-item.active{color:#0f172a;background-color:#80f1b7;box-shadow:0 2px 6px #5eead44d}.sidebar-item.active .sidebar-icon{fill:#007165}.sidebar{box-sizing:border-box;z-index:10;background-color:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;justify-content:space-between;width:280px;height:auto;min-height:100vh;padding:28px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .2s;display:flex}@media (width<=1000px){.sidebar{width:100%;position:fixed;transform:translateY(100%)}}.sidebar--close{transform:translateY(0%)}.sidebar .sidebar-header{margin-bottom:32px;padding-left:8px}.sidebar .sidebar-header svg{width:80%;height:auto}@media (width<=1000px){.sidebar .sidebar-header svg{width:50%}}.sidebar .sidebar-header .closeButton{border:none;padding:30px;font-size:24px;font-weight:500;display:none;position:absolute;top:0;right:0}@media (width<=1000px){.sidebar .sidebar-header .closeButton{display:block}}.sidebar .sidebar-nav{flex-direction:column;flex:1;gap:6px;display:flex}.sidebar .sidebar-nav .sidebar-divider{background-color:#e2e8f0;height:1px;margin:10px 0 12px}.sidebar .sidebar-footer{flex-direction:column;gap:8px;display:flex}.sidebar .sidebar-footer .add-transaction-btn{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:14px;font-size:15px;font-weight:600;transition:background-color .2s;display:flex}.sidebar .sidebar-footer .add-transaction-btn .btn-icon{fill:#fff;width:18px;height:18px}.sidebar .sidebar-footer .add-transaction-btn:hover{background-color:#1e293b}.sidebar .sidebar-footer .sidebar-footer-item{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:14px;width:100%;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sidebar .sidebar-footer .sidebar-footer-item:hover{color:#0f172a;background-color:#f8fafc}.mobileNav{z-index:9;background-color:#f8f9ff;border-top:2px solid #e2e3e8;width:100%;padding:5px;display:none;position:fixed;bottom:0;left:0}.mobileNav .sidebar-item{flex-direction:column;gap:5px;font-size:12px}@media (width<=1000px){.mobileNav .sidebar-item{border-radius:0;padding:10px 4px}}.mobileNav .sidebar-item .sidebar-icon{width:20px;height:20px}@media (width<=1000px){.mobileNav{padding:0;display:flex}}.modal-overlay{z-index:11;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}@media (width<=600px){.modal-overlay{align-items:flex-end;padding:0;overflow:hidden}}.modal-overlay .modal-container{overscroll-behavior:contain;background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:480px;max-height:calc(100vh - 24px);padding:24px;display:flex;overflow-y:auto;box-shadow:0 10px 25px #0000001a}@media (width<=600px){.modal-overlay .modal-container{border-radius:0;max-width:100%;max-height:100dvh;padding:16px}}.modal-overlay .modal-container .modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-overlay .modal-container .modal-header h2{color:#111827;margin:0;font-size:20px;font-weight:700}.modal-overlay .modal-container .modal-header .close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:24px}.modal-overlay .modal-container .tab-switcher{background:#e5eeff;border-radius:10px;margin-bottom:20px;padding:6px;display:flex}.modal-overlay .modal-container .tab-switcher .tab-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:600}.modal-overlay .modal-container .tab-switcher .tab-btn.active{color:#111827;background:#fff;box-shadow:0 2px 4px #0000000d}.modal-overlay .modal-container .form-group{margin-bottom:16px}.modal-overlay .modal-container .form-group label{color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.modal-overlay .modal-container .form-group .amount-input-wrapper{background:#fff;border:2px solid #111827;border-radius:10px;align-items:center;padding:12px 16px;display:flex}.modal-overlay .modal-container .form-group .amount-input-wrapper .currency{color:#4b5563;margin-right:8px;font-size:24px;font-weight:600}.modal-overlay .modal-container .form-group .amount-input-wrapper .amount-input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-size:28px;font-weight:700}.modal-overlay .modal-container .form-group .text-input,.modal-overlay .modal-container .form-group .category-select{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:15px}.modal-overlay .modal-container .form-group .text-input:focus,.modal-overlay .modal-container .form-group .category-select:focus{border-color:#3b82f6}.modal-overlay .modal-container .form-group .text-input::placeholder{color:#9ca3af}.modal-overlay .modal-container .form-group-checkbox{justify-content:center;align-items:center;gap:10px;margin-bottom:15px;display:flex}.modal-overlay .modal-container .form-group-checkbox label{-webkit-user-select:none;user-select:none;margin:0;font-weight:500;line-height:0}.modal-overlay .modal-container .form-group-checkbox input[type=checkbox]{cursor:pointer;width:20px;height:20px}.modal-overlay .modal-container .form-group--yellow .text-input{background:#e6ffe4}.modal-overlay .modal-container .modal-footer{border-top:1px solid #f3f4f6;gap:12px;margin-top:24px;padding-top:16px;display:flex}@media (width<=600px){.modal-overlay .modal-container .modal-footer{border-top:none;margin-top:16px;padding-top:0}}.modal-overlay .modal-container .modal-footer .btn-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;flex:1;padding:12px;font-size:15px;font-weight:600}.modal-overlay .modal-container .modal-footer .btn-cancel:hover{background:#f9fafb}.modal-overlay .modal-container .modal-footer .btn-save{color:#fff;cursor:pointer;background:#000;border:none;border-radius:10px;flex:1;padding:12px;font-size:15px;font-weight:600}.modal-overlay .modal-container .modal-footer .btn-save:hover{background:#1f2937}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a80;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}@media (width<=600px){.modal-overlay{align-items:start}}.modal-container{background:#fff;border-radius:12px;width:100%;max-width:540px;animation:.2s ease-out forwards modalScaleIn;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;display:flex}.modal-header h2{color:#1e293b;margin:0;font-size:20px;font-weight:600}.modal-header .close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.modal-header .close-btn:hover{color:#1e293b}.modal-form{flex-direction:column;gap:10px;padding:28px;display:flex}@media (width<=600px){.modal-form{padding:12px}}.modal-form .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-form .form-group{flex-direction:column;display:flex}.modal-form .form-group label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.modal-form .form-group input,.modal-form .form-group select{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.modal-form .form-group input:focus,.modal-form .form-group select:focus{border-color:#80f1b7;box-shadow:0 0 0 3px #33d1b626}.modal-form .form-group .select-wrapper{position:relative}.modal-form .form-group .select-wrapper select{appearance:none;cursor:pointer;padding-right:36px}.modal-form .form-group .select-wrapper:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2364748B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;width:10px;height:6px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.modal-form .form-group-checkbox{flex-direction:row}.modal-form .modal-actions{flex-direction:column;gap:12px;margin-top:12px;display:flex}.modal-form .modal-actions .errorMsg{color:red;text-align:center;line-height:0}.modal-form .modal-actions button{cursor:pointer;border-radius:6px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.modal-form .modal-actions .btn-save{color:#0f172a;background-color:#80f1b7;border:none}.modal-form .modal-actions .btn-save:hover{opacity:.9}.modal-form .modal-actions .btn-delete{color:#ef4444;background-color:#0000;border:1px solid #fecaca}.modal-form .modal-actions .btn-delete:hover{background-color:#fef2f2}.confirm-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1100;background-color:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.confirm-overlay .confirm-box{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:360px;padding:24px;animation:.15s ease-out forwards confirmScaleIn;box-shadow:0 20px 25px -5px #0003}.confirm-overlay .confirm-box h3{color:#1e293b;margin-top:0;margin-bottom:8px;font-size:18px;font-weight:600}.confirm-overlay .confirm-box p{color:#64748b;margin-bottom:20px;font-size:14px;line-height:1.4}.confirm-overlay .confirm-box .confirm-actions{gap:12px;display:flex}.confirm-overlay .confirm-box .confirm-actions button{cursor:pointer;border-radius:6px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.confirm-overlay .confirm-box .confirm-actions .btn-cancel{color:#475569;background-color:#f1f5f9;border:none}.confirm-overlay .confirm-box .confirm-actions .btn-cancel:hover{background-color:#e2e8f0}.confirm-overlay .confirm-box .confirm-actions .btn-ok{color:#fff;background-color:#ef4444;border:none}.confirm-overlay .confirm-box .confirm-actions .btn-ok:hover:not(:disabled){background-color:#dc2626}.confirm-overlay .confirm-box .confirm-actions .btn-ok:disabled{cursor:not-allowed;opacity:.7;background-color:#fca5a5}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes confirmScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.positiveAmount{color:#10b981;font-weight:600}.negativeAmount{color:#ef4444;font-weight:600}.addButton{color:#007165;background-color:#80f1b7;border:none;border-radius:16px;padding:21px;font-size:30px;font-weight:700;line-height:1;position:fixed;bottom:50px;right:50px;box-shadow:2px 2px 50px #13312d62}@media (width<=1000px){.addButton{padding:15px;bottom:90px;right:20px}}.headerSection{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.headerSection .title{letter-spacing:-.5px;margin:0 0 6px;font-size:32px;font-weight:800}.headerSection .subtitle{color:#64748b;margin:0;font-size:14px}.datePicker{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:10px;font-size:18px}.metricsGrid{gap:20px;margin-bottom:28px;display:flex;overflow-x:auto}.metricsGrid .metricCard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;min-width:min-content;padding:24px;position:relative;box-shadow:0 1px 3px #0000000a}@media (width<=768px){.metricsGrid .metricCard{padding:18px}}.metricsGrid .metricCard .metricLabel{color:#64748b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin-bottom:8px;font-size:12px;font-weight:600}.metricsGrid .metricCard .metricValue{letter-spacing:-.5px;word-break:keep-all;white-space:nowrap;margin-bottom:12px;font-size:26px;font-weight:700}.verify-icon{width:20px;height:20px;position:absolute;bottom:5px;right:10px}@media (width<=1000px){.verify-icon{bottom:5px;right:0}}.contentSection{margin-bottom:100px}.contentSection .toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.contentSection .toolbar .searchWrapper{flex:1;min-width:280px;position:relative}.contentSection .toolbar .searchWrapper .searchIcon{fill:#64748b;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.contentSection .toolbar .searchWrapper .searchInput{background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:12px 16px 12px 42px;font-size:14px;transition:border-color .2s}.contentSection .toolbar .searchWrapper .searchInput:focus{border-color:#3b82f6}.contentSection .toolbar .filterWrapper .categorySelect{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;height:42px;padding:12px 16px;font-size:14px}.contentSection .toolbar .exportBtn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;height:42px;padding:12px 20px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.contentSection .toolbar .exportBtn:hover{background:#f8fafc}.contentSection .toolbar .exportBtn .exportIcon{width:16px;height:16px}.contentSection .tableCard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.contentSection .tableCard .table{border-collapse:collapse;text-align:left;width:100%}.contentSection .tableCard .table th{color:#64748b;letter-spacing:.5px;text-transform:uppercase;background:#f8fafc;height:40px;padding:14px 20px;font-size:13px;font-weight:600}.contentSection .tableCard .table .groupHeaderRow{text-align:center;background-color:#f1f5f9}.contentSection .tableCard .table .groupHeaderRow td{color:#1e293b;border-top:1px solid #e2e8f0;padding:12px 20px;font-size:13px;font-weight:700}.contentSection .tableCard .table .row{cursor:pointer;transition:background .1s}.contentSection .tableCard .table .row:hover{background:#f8fafc}.contentSection .tableCard .table .row td{padding:14px 20px;font-size:14px}@media (width<=1000px){.contentSection .tableCard .table .row td{padding:14px 10px;font-size:12px}}.contentSection .tableCard .table .textRight{text-align:right;justify-content:end;align-items:center;gap:5px;line-height:.1;display:flex;position:relative}.contentSection .tableCard .footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.contentSection .tableCard .footer .infoText{color:#64748b;font-size:13px}.contentSection .tableCard .footer .pagination{gap:4px;display:flex}.contentSection .tableCard .footer .pagination .pageBtn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.contentSection .tableCard .footer .pagination .pageBtn:hover:not(:disabled){background:#e2e8f0}.contentSection .tableCard .footer .pagination .pageBtn.active{color:#fff;background:#000;border-color:#000}.stillDev{text-align:center;background-color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;margin:10vh auto auto;padding:30px;display:flex;box-shadow:0 20px 40vh #a0e1c9}.stillDev a{color:#fff;background-color:#006b5f;border-radius:4px;margin-top:20px;padding:15px 20px}.main__section{height:100%;display:flex}.main__section .section__page{width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:32px 40px}@media (width<=1000px){.main__section .section__page{margin-bottom:120px;padding:32px 15px}}*,:before,:after{box-sizing:border-box}html{background:#f5f7fb}body{font-optical-sizing:auto;color:#0f172a;background:#f5f7fb;height:100%;font-family:Roboto,sans-serif;font-style:normal}a,select,button{cursor:pointer;background:0 0;margin:0;padding:0;text-decoration:none}a:disabled,select:disabled,button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}textarea{resize:vertical;min-height:80px}input[type=date],select{appearance:none;width:100%;margin:0;padding:10px}input,button{-webkit-touch-callout:none}*{-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}