@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";@keyframes skeleton-loading{0%{background-color:var(--gray-light)}to{background-color:var(--gray-lighter)}}.side-modal{position:fixed;top:0;bottom:0;right:0;width:400px;box-shadow:0 0 4px #0003;box-sizing:border-box;background-color:var(--white);z-index:999999999999;transition:transform .3s ease,opacity .3s ease;opacity:0;transform:translate(100%);-webkit-user-select:text!important;user-select:text!important;pointer-events:auto}.side-modal.open{transform:translate(0);opacity:1}.side-modal .side-modal-close{background-color:transparent;border:none;font-size:18px;position:absolute;top:3px;right:3px;cursor:pointer;opacity:.4}.side-modal .side-modal-close:hover{opacity:1}.side-modal .side-modal-content{height:100%;display:flex;flex-direction:column}.side-modal .side-modal-content hr{margin:0}.side-modal .content{display:flex;align-items:center;padding:10px;font-size:14px;gap:10px}.side-modal .breadcrumb .title{text-transform:uppercase;font-size:11px;margin-bottom:3px;color:var(--gray-medium)}.side-modal .breadcrumb .subtitle{font-size:18px;margin-bottom:3px}.side-modal .breadcrumb .value{width:fit-content;font-size:12px;font-weight:700;padding:2px 5px;border-radius:3px;background-color:var(--gray-lighter);color:var(--gray-dark);display:flex;align-items:center}.side-modal .breadcrumb .value svg{font-size:16px;margin-right:2px}.side-modal .breadcrumb .value.entry{background-color:var(--green-light)}.side-modal .breadcrumb .value.entry svg{color:var(--green-dark)}.side-modal .breadcrumb .value.expense{background-color:var(--red-light)}.side-modal .breadcrumb .value.expense svg{color:var(--red-dark)}.side-modal .calendar-group{display:flex;flex-direction:column;border:1px solid var(--gray-lighter);border-radius:3px;align-items:center}.side-modal .calendar-group .month{text-transform:uppercase;font-weight:700;font-size:18px;padding:8px 8px 2px;border-bottom:1px solid var(--gray-light)}.side-modal .calendar-group .year{font-size:14px;padding:2px 8px 8px;color:var(--gray-medium)}.side-modal .comment-group{padding:0}.side-modal .comment-group .comment-items{background-color:#f9f9f9;max-height:280px;overflow:auto;border-bottom:1px solid var(--gray-lighter)}.side-modal .comment-group .comment-items .comment-item{position:relative;border-bottom:1px solid var(--gray-lighter);padding:5px 10px;transition:.4s ease}.side-modal .comment-group .comment-items .comment-item:last-child{border-bottom:none}.side-modal .comment-group .comment-items .comment-item .comment-content{padding:5px 0 5px 40px;font-size:12px;white-space:pre-wrap}.side-modal .comment-group .comment-items .comment-item .comment-remove{display:flex;cursor:pointer;position:absolute;top:5px;right:5px;border:none;border-radius:2px;padding:3px;transition:.4s ease;opacity:0;background-color:var(--gray-light);color:var(--gray-dark)}.side-modal .comment-group .comment-items .comment-item .comment-remove:hover{opacity:1!important;background-color:var(--red-light);color:var(--red-dark)}.side-modal .comment-group .comment-items .comment-item:hover{background-color:var(--gray-lighter)}.side-modal .comment-group .comment-items .comment-item:hover .comment-remove{opacity:.6}.side-modal .comment-group .comment-new{position:relative}.side-modal .comment-group .comment-new textarea{width:calc(100% - 20px);margin:10px 10px 0;padding:4px;height:80px;resize:none;border:1px solid var(--blue-light);border-radius:2px;font-size:12px;color:var(--gray-dark)}.side-modal .comment-group .comment-new textarea:focus{outline:none;border:1px solid var(--blue-medium)}.side-modal .comment-group .comment-new:before{content:"";position:absolute;top:10px;right:10px;width:0;height:0;border-top:8px solid var(--blue-medium);border-left:8px solid transparent}.side-modal .status-group{background-color:var(--gray-lighter);display:flex;justify-content:space-between}.side-modal .status-group .title{color:var(--gray-dark)}.side-modal .status-group.paid{background-color:var(--green-light)}.side-modal .status-group.paid .title{color:var(--green-dark)}.side-modal .status-group.overdue{background-color:var(--red-light)}.side-modal .status-group.overdue .title{color:var(--red-dark)}.side-modal .status-group .status-current{display:flex;align-items:baseline;gap:10px}.side-modal .status-group .status-current .label{text-transform:uppercase;font-weight:700;font-size:11px}.side-modal .status-group .status-current .title{text-transform:uppercase;font-size:14px}.side-modal .status-group .status-actions{display:flex;gap:5px}.side-modal .status-group .status-actions .action{width:20px;height:20px;border-radius:50%;border:none;background-color:var(--gray-medium);cursor:pointer;opacity:.8}.side-modal .status-group .status-actions .action:hover{opacity:1}.side-modal .status-group .status-actions .action.paid{background-color:var(--green-medium)}.side-modal .status-group .status-actions .action.overdue{background-color:var(--red-medium)}.side-modal .tabs{border-bottom:1px solid var(--gray-lighter);display:flex;padding:0 10px;gap:20px;margin-top:10px}.side-modal .tabs button{cursor:pointer;background:none;border:none;margin-bottom:-1px;padding:5px 0;color:var(--gray-medium);border-bottom:2px solid transparent}.side-modal .tabs button:hover{color:var(--gray-dark)}.side-modal .tabs button.active{border-bottom:2px solid var(--blue-medium);color:var(--blue-medium)}.side-modal .button-group{display:flex;justify-content:end;padding:0 10px}.side-modal .button-group .button{margin:5px 0 5px auto;background-color:transparent;padding:5px;color:var(--blue-medium);cursor:pointer;border:none;border-radius:3px}.side-modal .button-group .button:hover{background-color:var(--blue-light)}.side-modal .files-group{display:grid;grid-template-columns:repeat(4,1fr);padding:10px;gap:5px;max-height:280px;overflow:auto}.side-modal .files-group .file-item{position:relative;box-sizing:border-box;min-width:0;overflow:hidden;border-radius:3px;padding:5px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--gray-dark);text-decoration:none;transition:.4s ease;background-color:var(--gray-lighter);border:1px solid var(--gray-light)}.side-modal .files-group .file-item .file-icon{font-size:26px;color:var(--yellow-medium)}.side-modal .files-group .file-item .file-icon.pdf,.side-modal .files-group .file-item .file-icon.ppt,.side-modal .files-group .file-item .file-icon.pptx{color:var(--red-medium)}.side-modal .files-group .file-item .file-icon.doc,.side-modal .files-group .file-item .file-icon.docx{color:var(--blue-medium)}.side-modal .files-group .file-item .file-icon.xls,.side-modal .files-group .file-item .file-icon.xlsx{color:var(--green-dark)}.side-modal .files-group .file-item .file-icon.png,.side-modal .files-group .file-item .file-icon.jpg,.side-modal .files-group .file-item .file-icon.jpeg,.side-modal .files-group .file-item .file-icon.gif{color:var(--purple-dark)}.side-modal .files-group .file-item .file-icon.txt{color:var(--gray-dark)}.side-modal .files-group .file-item .file-icon.zip,.side-modal .files-group .file-item .file-icon.rar{color:var(--orange-dark)}.side-modal .files-group .file-item .file-icon.mp4,.side-modal .files-group .file-item .file-icon.avi,.side-modal .files-group .file-item .file-icon.mkv{color:var(--blue-dark)}.side-modal .files-group .file-item .file-icon.mp3,.side-modal .files-group .file-item .file-icon.wav{color:var(--green-medium)}.side-modal .files-group .file-item .file-icon.skeleton-icon{width:26px;height:26px;background-color:var(--gray-light);border-radius:4px}.side-modal .files-group .file-item .file-name{font-size:10px;overflow:hidden;text-overflow:ellipsis;width:100%}.side-modal .files-group .file-item .file-date{position:absolute;font-size:9px;top:3px;background-color:var(--gray-lighter);border-radius:3px;padding:1px 3px;transition:.4s ease .4s;opacity:0}.side-modal .files-group .file-item .file-size{position:absolute;font-size:9px;bottom:3px;background-color:var(--gray-lighter);border-radius:3px;padding:1px 3px;transition:.4s ease .4s;opacity:0}.side-modal .files-group .file-item .skeleton-text{max-width:60px;height:10px;background-color:var(--gray-light);border-radius:4px;margin-top:5px}.side-modal .files-group .file-item.skeleton{background-color:var(--gray-light);animation:skeleton-loading 1.2s infinite linear alternate;pointer-events:none}.side-modal .files-group .file-item.upload{cursor:pointer;color:var(--blue-medium);background-color:var(--blue-light);border:2px dashed var(--blue-medium)}.side-modal .files-group .file-item.upload.drag-over{background-color:var(--yellow-light);border:2px dashed var(--yellow-medium)}.side-modal .files-group .file-item.upload .file-icon{color:var(--blue-medium)}.side-modal .files-group .file-item.upload:hover{border:2px solid var(--blue-medium)}.side-modal .files-group .file-item:hover{background-color:var(--blue-light);border-color:var(--blue-medium)}.side-modal .files-group .file-item:hover .file-date,.side-modal .files-group .file-item:hover .file-size{opacity:.8}.side-modal .label-small{font-size:11px;color:var(--gray-medium);font-weight:700;text-transform:uppercase;margin-bottom:3px}.side-modal .description{font-size:12px;padding:5px 10px;background-color:var(--gray-lighter);white-space:pre-wrap;margin:10px;border-radius:3px}.side-modal .stats{justify-content:space-between}.side-modal .stats .period-group .content{padding:0;gap:0}.side-modal .stats .period-group svg{color:var(--blue-medium)}.side-modal .stats .period-group .period-item{font-size:12px;font-weight:700;border:1px solid var(--blue-medium);color:var(--blue-medium);border-radius:3px;padding:2px 5px}:is(.side-modal .stats .transactions-largest,.side-modal .stats .transactions-total) .value{font-size:12px;font-weight:700;padding:2px 5px;border-radius:3px;display:flex;align-items:center}:is(.side-modal .stats .transactions-largest,.side-modal .stats .transactions-total) .value svg{font-size:16px;margin-right:2px}:is(.side-modal .stats .transactions-largest,.side-modal .stats .transactions-total) .value.entry{background-color:var(--green-light)}:is(.side-modal .stats .transactions-largest,.side-modal .stats .transactions-total) .value.entry svg{color:var(--green-dark)}:is(.side-modal .stats .transactions-largest,.side-modal .stats .transactions-total) .value.expense{background-color:var(--red-light)}:is(.side-modal .stats .transactions-largest,.side-modal .stats .transactions-total) .value.expense svg{color:var(--red-dark)}@media (max-width: 1200px){.side-modal{box-shadow:0 2px 4px #0003;border-radius:2px;top:90px;bottom:100px;right:10px}}@keyframes jump-side-to-side{0%{transform:translate(-10px) translateY(0)}25%{transform:translate(0) translateY(-10px)}50%{transform:translate(10px) translateY(0)}75%{transform:translate(-0) translateY(-10px)}to{transform:translate(-10px) translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes toast-slide{0%{transform:translate(-50%) translateY(-20px)}10%,90%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-20px)}}.loading-overlay{position:fixed;top:80px;left:59px;width:calc(100% - 59px);height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 50px;z-index:99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:1;transition:opacity .6s ease}.loading-overlay.fade-out{opacity:0}.loading-overlay .loading-pig{width:100px;height:100px;animation:jump-side-to-side 1s linear infinite}.loading-overlay .loading-text{font-size:16px;text-align:center;margin-top:10px;opacity:0;color:var(--orange-medium);animation:fade-in .3s ease .3s forwards,pulse .5s linear .6s infinite}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:5px;font-size:14px;z-index:1000;box-shadow:0 2px 2px #0003;animation:fade-in .5s,fade-out .5s 2.5s forwards,toast-slide 3s cubic-bezier(.4,0,.2,1)}.toast.toast-success{background-color:var(--green-light);color:var(--green-dark)}.toast.toast-error{background-color:var(--red-light);color:var(--red-dark)}.toast.toast-warning{background-color:var(--yellow-light);color:var(--yellow-dark)}.category-avatar{display:flex;width:40px;height:40px;border-radius:50%;border:1px solid var(--orange-medium);background:var(--orange-light);align-items:center;justify-content:center;overflow:hidden;font-weight:700;color:var(--orange-medium)}.category-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.custom-tooltip{background:var(--blue-light);border:1px solid var(--blue-medium);color:var(--blue-medium);padding:2px 5px;border-radius:3px}.custom-tooltip .label{font-weight:700;text-transform:uppercase;font-size:12px}.custom-tooltip .value{font-size:11px}body{overflow:hidden}.finance-grid{display:flex;flex-direction:column;width:100%;min-width:1140px;height:100vh;transition:width .3s ease}.finance-grid .header-row,.finance-grid .footer{transition:width .3s ease}.finance-grid.with-modal,.finance-grid.with-modal .header-row,.finance-grid.with-modal .footer{width:calc(100% - 460px)}.header-row{position:fixed;width:calc(100% - 60px);min-width:1140px;z-index:9;border-right:6px solid var(--white);background-color:var(--white)}.header-row .cell{display:flex;flex-direction:column;height:80px;align-items:center;justify-content:center}.header-row .logo{width:80%;max-width:200px}.header-row .month{font-weight:700;font-size:20px;text-transform:uppercase}.header-row .year{display:block;font-size:11px;letter-spacing:3px}.header-row .periodsButton{position:absolute;display:flex;justify-content:center;align-items:center;z-index:99;width:100px;height:80px;border:none;font-size:40px;cursor:pointer;transition:opacity .5s ease;opacity:0}.header-row .periodsButton.prev{left:14.25%;background:linear-gradient(to right,#fff,#ffffff4d)}.header-row .periodsButton.next{right:0;background:linear-gradient(to left,#fff,#ffffff4d)}.header-row:hover .periodsButton{opacity:1}.container{margin-top:80px;height:calc(100vh - 170px);overflow-y:scroll}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.footer{position:fixed;bottom:0;width:calc(100% - 60px);min-width:1140px;z-index:9}.cashflow-starting-row{background-color:#111;color:var(--white);text-transform:uppercase}.cashflow-starting-row .text{height:30px}.balance-row{border-right:6px solid #434343;background-color:#434343;color:var(--white);text-transform:uppercase}.balance-row .text{height:40px}.cashflow-row{border-right:6px solid #111111;background-color:#111;color:var(--white);text-transform:uppercase;font-weight:700}.cashflow-row .title{font-size:16px}.cashflow-row .text{letter-spacing:-.4px;height:50px}.section-row .cell{font-weight:700;letter-spacing:-.4px}.section-row .cell.title{text-transform:uppercase;display:flex;justify-content:space-between;font-size:16px}.section-row .text{height:50px}.section-row.entry{background-color:var(--green-medium)}.section-row.expense{background-color:var(--red-medium)}.category-row{background-color:var(--gray-light)}.category-row .cell.value{color:var(--gray-medium)}.category-row .cell .input{height:40px;font-weight:700;text-transform:uppercase}.category-row .cell .text{height:40px}.subcategory-row .cell.value .input{text-align:right}.subcategory-row.hide{display:none}.subcategory-row.dragging .input{background-color:var(--yellow-light)}.subcategory-row.hovered .input{background-color:var(--blue-light)}.row{display:flex}.row .negative{color:var(--red-dark)}.cell{flex:1;position:relative;font-size:13px;transition:background-color .2s linear,color .5s linear .3s}.cell .input{height:24px;padding:3px 2px;box-sizing:border-box;border:1px solid transparent;border-bottom:1px solid var(--gray-light);background-color:transparent;width:100%;transition:background-color .2s linear,color .5s linear .3s}.cell .input:focus,.cell .input.active{border:1px solid var(--blue-medium);color:var(--blue-medium);outline:none}.cell .menu-content{width:100%}.cell .text{width:100%;display:flex;box-sizing:border-box;padding:3px;align-items:center}.cell.comment-indicator:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-top:8px solid var(--blue-medium);border-left:8px solid transparent}.cell.title{flex:2;display:flex}.cell.value{border-left:1px solid var(--gray-dark)}.cell.value .text{justify-content:right}.cell.value.paid input{color:var(--green-dark);border-left:2px solid var(--green-dark)}.cell.value.overdue input{color:var(--red-dark);border-left:2px solid var(--red-dark)}.cell.value.pending input{color:var(--gray-light)}.hoveredCell,.cell.value input:hover{background-color:var(--blue-light);color:var(--blue-medium)}:is(.hoveredCell,.cell.value input:hover) input{color:var(--blue-medium)}.app-container{display:flex}.main-menu{width:60px;height:100vh}.main-menu .avatar{display:flex;justify-content:center;align-items:center;height:80px;background-color:var(--white)}.main-menu .avatar svg{width:40px}.main-menu .avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.main-menu .menu-link-group{width:60px;border-right:1px solid var(--gray-light);height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:space-between}.main-menu .menu-link-group .menu-link{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:60px;transition:.2s ease}.main-menu .menu-link-group .menu-link .icon{display:flex;font-size:20px;color:var(--orange-dark);padding:4px;border-radius:3px;border:1px solid var(--orange-light)}.main-menu .menu-link-group .menu-link .label{position:absolute;left:50px;font-size:12px;text-transform:uppercase;color:var(--white);background:linear-gradient(to top,var(--orange-medium),var(--orange-dark));border-radius:2px;padding:7px;z-index:999;width:120px;text-align:center;pointer-events:none;transition:.2s ease;opacity:0;transform:translate(-10px)}.main-menu .menu-link-group .menu-link:hover .icon{background-color:var(--orange-light)}.main-menu .menu-link-group .menu-link:hover .label{opacity:1;transform:translate(0)}.main-menu .menu-link-group .menu-link.active .icon{background:linear-gradient(to top,var(--orange-medium),var(--orange-dark));color:var(--white)}.main-container{width:calc(100% - 60px);background-color:#f9f9f9;font-size:14px}.main-container .main-header{position:fixed;display:flex;width:calc(100% - 60px);height:81px;border-bottom:1px solid var(--gray-light);background-color:var(--white)}.main-container .main-header .section{display:flex;gap:10px;align-items:center;padding:0 20px}.main-container .main-header .section .icon{display:flex;font-size:26px;background:linear-gradient(to top,var(--orange-medium),var(--orange-dark));color:var(--white);padding:4px;border-radius:3px;border:1px solid var(--orange-light)}.main-container .main-header .section .title{margin:0;text-transform:uppercase;font-size:20px;color:var(--orange-dark)}.main-container .page-container{margin-top:80px;padding:20px;height:calc(100vh - 80px);overflow:auto}.main-container .page-container::-webkit-scrollbar{width:6px}.main-container .page-container::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}p{font-size:14px;line-height:1.5;margin-bottom:12px}p:last-child{margin:0}h1{font-size:28px;font-weight:700;margin-bottom:20px}h2{font-size:22px;font-weight:700;margin-bottom:15px}hr{border:none;height:2px;background-color:var(--gray-lighter);border-bottom:1px solid var(--white);margin:20px 0}.subtitle{font-size:20px;margin-bottom:10px;color:var(--orange-dark)}.highlight-group{display:flex;gap:20px}.highlight-box{background-color:var(--gray-lighter);border-left:2px solid var(--gray-dark);padding:15px;border-radius:3px;margin-bottom:20px}.highlight-box.success{background-color:var(--green-light);border-color:var(--green-dark)}.highlight-box.warning{background-color:var(--yellow-light);border-color:var(--yellow-medium)}.highlight-box.danger{background-color:var(--red-light);border-color:var(--red-dark)}.section-title{font-size:18px;margin:20px 0 10px;color:var(--gray-dark)}.list{margin-left:20px;margin-bottom:20px}.list li{margin-bottom:5px}table.data-table{width:100%;border-collapse:collapse;border-radius:3px;overflow:hidden;margin-bottom:20px}table.data-table th,table.data-table td{padding:10px;border:1px solid var(--gray-light);text-align:left;background-color:var(--white)}table.data-table thead th{background:var(--gray-lighter)}.status{padding:3px 8px;border-radius:4px;font-size:12px}.status.success{background:var(--green-light);color:var(--green-dark)}.status.pending{background:var(--yellow-light);color:var(--yellow-dark)}.status.error{background:var(--red-light);color:var(--red-dark)}.report-form .form-group{display:flex;flex-direction:column;margin-bottom:15px}.report-form .form-group label{margin-bottom:5px;font-weight:700}.report-form .form-group input,.report-form .form-group select,.report-form .form-group textarea{padding:8px;border:1px solid var(--gray-light);border-radius:2px;font-size:14px}.report-form .form-actions{display:flex;gap:10px}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn.primary{background:linear-gradient(to top,var(--orange-medium),var(--orange-dark));color:#fff}.btn.secondary{background:var(--gray-light);color:var(--gray-dark)}.menu-wrapper,.cell{display:flex;width:100%}:is(.menu-wrapper,.cell) .status-indicator{background:transparent;cursor:pointer;top:0;right:0;display:flex;padding:0 8px;height:100%;border:none;align-items:center;position:absolute;z-index:999;transition:opacity .2s ease;opacity:1}:is(:is(.menu-wrapper,.cell):hover,:is(.menu-wrapper,.cell).active) .status-indicator{opacity:0}:is(.menu-wrapper,.cell) .menu-toggle{background:transparent;cursor:pointer;right:0;padding:0 8px;height:100%;border:none;align-items:center;position:absolute;z-index:999;transition:opacity .2s ease;opacity:0}:is(.menu-wrapper,.cell) .menu-toggle svg{font-size:16px}:is(.menu-wrapper,.cell) .menu-toggle.active{opacity:1}:is(.menu-wrapper,.cell):hover .menu-toggle{opacity:1}.menu{position:fixed;background:#fff;border-radius:3px;box-shadow:0 2px 4px #0003;display:flex;flex-direction:column;z-index:99999;overflow:hidden;width:220px;transition:.2s ease;pointer-events:none;opacity:0;transform:translate(-10px)}.menu.hovered,.menu.active,.menu:hover{pointer-events:auto;opacity:1;transform:translate(0)}.menu hr{border:none;height:1px;background-color:var(--gray-lighter);margin:0}.menu .label{padding:10px 14px;text-transform:uppercase;font-size:12px;font-weight:700}.menu .menu-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;cursor:pointer;font-size:12px;color:var(--gray-dark);background:transparent;transition:.2s ease}.menu .menu-item.confirm{background:var(--red-light);padding-left:18px}.menu .menu-item.confirm .title{font-weight:700;text-transform:uppercase}.menu .menu-item.scheduled{cursor:default}.menu .menu-item.scheduled .title,.menu .menu-item.scheduled .icon{color:var(--gray-medium)}.menu .menu-item.paid{cursor:default}.menu .menu-item.paid .title,.menu .menu-item.paid .icon{color:var(--green-dark)}.menu .menu-item.overdue{cursor:default}.menu .menu-item.overdue .title,.menu .menu-item.overdue .icon{color:var(--red-dark)}.menu .menu-item .status{display:block;background-color:var(--gray-medium);width:15px;height:15px;border-radius:50%;transition:.5s ease;cursor:pointer;opacity:.6}.menu .menu-item .status.paid{background-color:var(--green-dark)}.menu .menu-item .status.overdue{background-color:var(--red-dark)}.menu .menu-item .status:hover{opacity:1}.menu .menu-item .icon{font-size:14px}.menu .menu-item .btn-confirm{box-sizing:border-box;cursor:pointer;border-left:1px solid var(--red-medium);position:absolute;right:0;padding:10px 14px}.menu .menu-item .btn-confirm.success{right:50px}.menu .menu-item .btn-confirm:hover{color:var(--white);background-color:var(--red-dark)}.menu .menu-item .title{flex:1;text-align:left}.menu .menu-item:hover{background:#f5f5f5;padding-left:18px}.menu .menu-item.danger,.menu .menu-item.danger .icon{color:var(--red-dark)}.menu .menu-item.danger:hover{background:var(--red-light)}.menu .menu-item.warning,.menu .menu-item.warning .icon{color:var(--yellow-dark)}.menu .menu-item.warning:hover{background:var(--yellow-light)}.menu .menu-item.success,.menu .menu-item.success .icon{color:var(--green-dark)}.menu .menu-item.success:hover{background:var(--green-light)}.menu .menu-item.info,.menu .menu-item.info .icon{color:var(--blue-dark)}.menu .menu-item.info:hover{background:var(--blue-light)}.comment-group{padding:10px}.comment-group .user-group{display:flex;align-items:center;gap:10px}.comment-group .user-group .avatar img{width:30px;height:30px;border-radius:50%;object-fit:cover}.comment-group .user-group .username{color:var(--gray-dark);font-size:14px}.comment-group .user-group .username .date{color:var(--gray-medium);font-size:11px}.comment-group .comment>textarea{width:100%;padding:4px;min-height:100px;border:1px solid var(--gray-lighter);border-radius:2px;font-size:12px;color:var(--gray-dark)}.comment-group .comment>textarea:focus{outline:none;border:1px solid var(--blue-medium)}.comment-group .comment>button{display:flex;margin:5px 0 0 auto;background-color:transparent;padding:5px;color:var(--blue-medium);cursor:pointer;border:none;border-radius:3px}.comment-group .comment>button:hover{background-color:var(--blue-light)}@keyframes jumping{0%,to{transform:translate(-100px) translateY(0)}5%,95%{transform:translate(-80px) translateY(-10px)}10%,90%{transform:translate(-60px) translateY(0)}15%,85%{transform:translate(-40px) translateY(-10px)}20%,80%{transform:translate(-20px) translateY(0)}25%,75%{transform:translate(0) translateY(-10px)}30%,70%{transform:translate(20px) translateY(0)}35%,65%{transform:translate(40px) translateY(-10px)}40%,60%{transform:translate(60px) translateY(0)}45%,55%{transform:translate(80px) translateY(-10px)}50%{transform:translate(100px) translateY(0)}}.login-container{display:flex;flex-direction:column;width:100%;height:100vh;justify-content:center;align-items:center;background:#24201a}.login-container .pig-animated{height:100px;animation:jumping 5.5s linear infinite}.login-container .login-form{background-color:var(--white);padding:50px;border-radius:2px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;text-align:center}.login-container .login-form .logo{max-width:200px;margin-bottom:30px}.login-container .login-form .form-group{display:flex;flex-direction:column;margin-bottom:15px}.login-container .login-form .form-group label{text-align:left;margin-bottom:5px;color:var(--gray-dark);font-size:14px}.login-container .login-form .form-group input{padding:10px;border-radius:2px;border:1px solid var(--gray-lighter)}.login-container .login-form .error-text{color:var(--red-dark);margin-bottom:10px}.login-container .login-form .btn{width:100%;padding:12px}.transactions-table{width:100%;border-collapse:collapse;overflow:hidden;margin-bottom:20px}.transactions-table th,.transactions-table td{border-bottom:1px solid var(--gray-light);text-align:left}.transactions-table .date{display:inline-block;background:linear-gradient(to top,var(--orange-medium),var(--orange-dark));border-radius:2px;color:#fff;font-weight:700;padding:8px;margin:10px 10px 10px 0}.transactions-table .category{color:var(--gray-medium);margin:0;font-size:12px}.transactions-table .subcategory{margin:0}.transactions-table .value{text-align:right}:root{--primary: #111;--white: #ffffff;--black: #000000;--gray-lighter: #f1f1f1;--gray-light: #dddddd;--gray-medium: #a3a3a3;--gray-dark: #333333;--green-light: #d1fae5;--green-medium: #b6d7a8;--green-dark: #147419;--red-light: #fee2e2;--red-medium: #e06666;--red-dark: #b40000;--yellow-light: #fef9c3;--yellow-medium: #facc15;--yellow-dark: #92400e;--blue-light: #dbeafe;--blue-medium: #3b82f6;--blue-dark: #1e3a8a;--orange-light: #f8f1eb;--orange-medium: #df7a4b;--orange-dark: #c95721;--purple-light: #ede9fe;--purple-medium: #a78bfa;--purple-dark: #5b21b6;--font-family-alt: Arial, sans-serif;--font-family: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);color:var(--primary)}input,textarea{font-family:var(--font-family)}