body{width:100%;margin:0;background:#f6fafe;overflow:hidden;height:100dvh}.content{width:100%;height:100dvh;display:flex;justify-content:center;align-items:flex-start;padding:70px 0 0;box-sizing:border-box}.Log{display:flex;flex-direction:column;gap:15px;width:100%;max-width:350px;height:calc(100dvh - 40px);box-sizing:border-box;overflow:hidden}.Log .global-data,.Log .actions{flex-shrink:0}.Log .global-data{width:100%;height:160px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#00462e,#006041);padding:30px 25px;border-radius:30px;color:#fff;box-sizing:border-box;box-shadow:0 10px 20px #00462e26}.Log .global-data .title{font-family:Inter,sans-serif;font-weight:400;font-size:13px;letter-spacing:2.4px;text-transform:uppercase;opacity:.9}.Log .global-data .cash{font-family:Manrope,sans-serif;font-weight:800;font-size:42px;line-height:1;letter-spacing:-1.2px}.Log .global-data .entryInfo{font-family:Inter,sans-serif;font-weight:600;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.Log .actions .title{font-family:Manrope,sans-serif;font-weight:700;font-size:14px;letter-spacing:1.4px;color:#3f4944;margin-bottom:12px;text-transform:uppercase}.Log .actions .btns{display:flex;gap:16px}.Log .actions .btns .card{width:105px;height:105px;display:flex;flex-direction:column;align-items:center;background:#f0f4f8;border-radius:16px;padding:20px 5px;text-decoration:none;transition:all .2s ease;box-sizing:border-box}.Log .actions .btns .card:active{transform:scale(.95)}.Log .actions .btns .card .bg-icon{display:flex;justify-content:center;align-items:center;background:#fff;border-radius:50%;width:40px;height:40px;margin-bottom:8px}.Log .actions .btns .card .bg-icon .Icon{width:20px;height:20px;color:#00462e}.Log .actions .btns .card p{font-family:Inter,sans-serif;font-weight:600;font-size:10px;color:#171c1f;margin:0}.Log .register{flex-grow:1;min-height:0;display:flex;flex-direction:column}.Log .register .title{font-family:Manrope,sans-serif;font-weight:700;font-size:14px;letter-spacing:1.4px;color:#3f4944;margin-bottom:16px;text-transform:uppercase;flex-shrink:0}.Log .register #expenses-container{flex-grow:1;display:flex;flex-direction:column;gap:10px;padding:4px 0 30px;overflow-y:auto;overflow-x:hidden}.Log .register #expenses-container::-webkit-scrollbar{width:4px}.Log .register #expenses-container::-webkit-scrollbar-track{background:transparent}.Log .register #expenses-container::-webkit-scrollbar-thumb{background:#0000000d;border-radius:10px}.expense-card{background:#fff;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 12px #00000008;width:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.02);cursor:pointer;transition:all .2s ease}.expense-card:active{transform:scale(.98);background:#fcfcfc}.expense-card.is-vencido{border-left:4px solid #C53030}.expense-card.past-due{opacity:.6;filter:grayscale(.5);border-style:dashed}.expense-card .main-content{display:flex;align-items:center;justify-content:space-between}.expense-card .left-section{display:flex;align-items:center;gap:14px}.expense-card .icon-box{background-color:#f0fdf4;width:48px;height:48px;border-radius:14px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.expense-card .icon-box svg{width:24px;height:24px;color:#16a34a}.expense-card .info-texts .main-name{font-family:Manrope,sans-serif;font-weight:700;font-size:15px;color:#171c1f;text-transform:uppercase;display:block}.expense-card .info-texts .meta-row{display:flex;align-items:center;gap:8px;margin-top:4px}.expense-card .info-texts .sub-detail{font-family:Inter,sans-serif;font-weight:600;font-size:10px;color:#718096;letter-spacing:.4px}.expense-card .price-tag{font-family:Manrope,sans-serif;font-weight:800;font-size:16px;color:#171c1f}.expense-card .progress-container{width:100%;display:flex;flex-direction:column;gap:6px}.expense-card .progress-container .progress-labels{display:flex;justify-content:space-between;font-family:Inter,sans-serif;font-size:9px;font-weight:700;color:#718096;text-transform:uppercase}.expense-card .progress-container .progress-labels .restante-text{color:#00462e}.expense-card .progress-container .progress-bar-bg{width:100%;height:6px;background:#e2e8f0;border-radius:10px;overflow:hidden}.expense-card .progress-container .progress-bar-bg .progress-bar-fill{height:100%;background:#00462e;transition:width .8s ease}.status-badge{font-family:Inter,sans-serif;font-size:8px;font-weight:800;padding:2px 6px;border-radius:6px;text-transform:uppercase}.status-badge.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-paid{background:#dcfce7;color:#166534}.status-badge.status-overdue{background:#fee2e2;color:#991b1b}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;backdrop-filter:blur(4px);display:none;justify-content:center;z-index:2000}.modal-overlay#actionMenu{align-items:flex-end;padding-bottom:24px}.modal-overlay#editModal{align-items:center;padding:20px}.action-sheet{background:#fff;width:95%;max-width:350px;border-radius:24px;padding:12px;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.action-sheet .action-btn{width:100%;padding:16px;border:none;background:transparent;font-family:Manrope,sans-serif;font-weight:700;font-size:16px;border-radius:16px;cursor:pointer}.action-sheet .action-btn:active{background:#f7f9fc}.action-sheet .action-btn.primary{color:#00462e}.action-sheet .action-btn.danger{color:#c53030}.action-sheet .action-btn.cancel{color:#718096}.action-sheet hr{border:0;border-top:1px solid #edf2f7;margin:4px 0}.edit-card-modal{background:#fff;width:100%;max-width:340px;border-radius:25px;padding:24px;box-shadow:0 10px 25px #0000001a;animation:fadeIn .2s ease-out}.edit-card-modal h3{font-family:Manrope,sans-serif;font-weight:800;font-size:18px;margin-top:0;margin-bottom:20px;color:#171c1f;text-align:center}.edit-card-modal .input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.edit-card-modal .input-group label{font-family:Inter,sans-serif;font-size:11px;font-weight:700;color:#718096;text-transform:uppercase;letter-spacing:.5px}.edit-card-modal .input-group input{padding:12px;border:2px solid #edf2f7;border-radius:12px;font-family:Inter,sans-serif;font-size:14px;color:#171c1f;outline:none;transition:border-color .2s}.edit-card-modal .input-group input:focus{border-color:#00462e}.edit-card-modal .input-icon-group{display:flex;align-items:center;width:100%;gap:10px}.edit-card-modal .modal-actions{display:flex;gap:12px;margin-top:10px}.edit-card-modal .modal-actions button{flex:1;padding:14px;border-radius:14px;border:none;font-family:Inter,sans-serif;font-weight:700;font-size:14px;cursor:pointer;transition:background .2s}.edit-card-modal .modal-actions button.btn-pri{background:#00462e;color:#fff}.edit-card-modal .modal-actions button.btn-pri:active{background:#006041}.edit-card-modal .modal-actions button.btn-sec{background:#f1f5f9;color:#171c1f}.edit-card-modal .modal-actions button.btn-sec:active{background:#e2e8f0}.icon-selector-wrapper{display:flex;align-items:center;gap:15px;background:#f8fafc;padding:10px;border-radius:15px;border:2px dashed #e2e8f0;cursor:pointer;transition:background .2s,border-color .2s}.icon-selector-wrapper:hover{background:#f1f5f9;border-color:#cbd5e1}.icon-selector-wrapper .popupIcons{width:50px;height:50px;background:#fff;display:flex;justify-content:center;align-items:center;border-radius:12px;cursor:pointer;box-shadow:0 2px 5px #0000000d}.icon-selector-wrapper .popupIcons svg{width:28px;height:28px;color:#00462e}.icon-selector-wrapper .tap-hint{font-size:11px;color:#718096;font-weight:600;color:#000;text-transform:uppercase}.modal-overlay-icon{position:fixed;inset:0;background:#0009;display:none;justify-content:center;align-items:center;z-index:3000}.modal-overlay-icon.active{display:flex}.modal-overlay-icon .icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.modal-overlay-icon .icon-option{background:#f1f5f9;border:none;padding:12px;border-radius:12px;cursor:pointer}.modal-overlay-icon .icon-option:active{background:#00462e}.modal-overlay-icon .icon-option:active svg{color:#fff}.modal-overlay-icon .icon-option svg{width:24px;height:24px;color:#171c1f}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}