#root,body,html{height:100%}.sidebar,main{height:100vh}.sidebar,#sidebar{flex:0 0 20%;max-width:20%;background:#f4f4f4;padding:20px;box-sizing:border-box;overflow-y:auto;border-right:1px solid #ccc}.sidebar h2,#sidebar h2{margin-top:0}.sidebar label,#sidebar label{display:block;margin:10px 0 5px}.sidebar input,.sidebar button,#sidebar input,#sidebar button{width:100%;padding:8px;margin-bottom:10px;box-sizing:border-box;font-size:1rem}.sidebar button,#sidebar button{background:#00662a;color:#fff;border:none;cursor:pointer}@media (max-width: 768px){.sidebar,#sidebar{max-width:100%;flex:0 0 auto;border-right:none;border-bottom:1px solid #ccc}}table{width:100%;border-collapse:collapse;margin-bottom:20px}th,td{border:1px solid #ccc;padding:8px;text-align:center;font-size:.9rem}th{background:#00662a;color:#fff}tbody td:nth-child(odd){background-color:#e5efe8}tbody td:nth-child(2n){background-color:#fff}tbody tr:nth-child(12n) td{background-color:#b2d8b2}tbody tr:nth-child(6n):not(:nth-child(12n)) td{background-color:#dde8d4cc}tbody tr:nth-child(3n):not(:nth-child(6n)) td{background-color:#f1f7e766}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:12px;width:95%;max-width:600px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 16px #0003;transition:transform .3s ease;transform:translateY(0)}.modal-content h2{margin-bottom:20px;font-size:1.5rem;color:#333;text-align:center}.template-name-field{margin-bottom:20px}.template-name-field label{display:block;margin-bottom:8px;font-weight:600;color:#555}.template-name-field input{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:1rem}.expenses-list{list-style:none;padding:0;margin:0 0 20px;max-height:250px;overflow-y:auto;border:1px solid #eee;border-radius:6px}.expense-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;transition:background .2s}.expense-item\:last-child{border-bottom:none}.expense-item\:hover{background:#fafafa}.expense-details{flex:1;font-size:1rem;color:#444}.expense-actions button{margin-left:8px;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.btn-edit{background-color:#ffb400;color:#fff}.btn-edit\:hover{background-color:#ffa000}.btn-delete{background-color:#e53935;color:#fff}.btn-delete\:hover{background-color:#d32f2f}.new-expense-form{background:#f9f9f9;padding:20px;border-radius:6px;margin-bottom:20px;border:1px solid #eee}.new-expense-form h3{margin-bottom:12px;font-size:1.2rem;color:#333}.new-expense-form input{width:100%;margin-bottom:12px;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:1rem}.btn-add{display:block;width:100%;margin-top:10px;padding:12px;border:none;border-radius:6px;background-color:#43a047;color:#fff;font-size:1rem;cursor:pointer;transition:background .2s}.btn-add\:hover{background-color:#388e3c}.modal-buttons{display:flex;justify-content:flex-end;gap:12px}.modal-buttons button{padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .2s}.btn-save-modal{background-color:#1e88e5;color:#fff}.btn-save-modal\:hover{background-color:#1976d2}.btn-save-db{background-color:#6d4c41;color:#fff}.btn-save-db\:hover{background-color:#5d4037}.btn-cancel-modal{background-color:#9e9e9e;color:#fff}.btn-cancel-modal\:hover{background-color:#757575}.container,.flex.h-full{display:flex;height:100%}#main,main{flex:1;padding:20px;box-sizing:border-box;overflow-y:auto;background:#fff}h1{margin-top:0;font-size:1.5rem;color:#00662a}@media (max-width: 768px){.container,.flex.h-full{flex-direction:column}}body,html{margin:0;padding:0;height:100%;font-family:Arial,sans-serif}input{height:27px}*{box-sizing:border-box}