html,body{margin:0;padding:0;width:100%}#root{width:100%;max-width:100%;margin:0;padding:0}:root{--bg-color: #f9f9f9;--text-color: #333;--border-color: #ddd;--row-alt-bg: #fdfdfd}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color)}.app-container{width:100%;height:100vh;box-sizing:border-box;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden}.sticky-top-bar{flex-shrink:0;padding:20px 40px 10px;background-color:var(--bg-color);box-shadow:0 4px 6px -4px #0000001a;z-index:50}.scrollable-main{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:20px 40px}.category-badge{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.empty-state{text-align:center;color:#666;font-style:italic;padding:20px!important}.settings-group{margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.settings-group select,.settings-group input{padding:10px;border-radius:4px;border:1px solid #ccc;font-family:inherit;font-size:1rem}.settings-close-btn{width:100%;padding:10px;background:#333;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.settings-close-btn:hover{background:#555}.settings-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;opacity:.7;transition:opacity .2s}.settings-btn:hover{opacity:1}.actions-col{width:90px;text-align:left!important;white-space:nowrap}.budget-list{flex:1;overflow-y:auto;padding-right:5px}.table-responsive{width:100%;overflow:visible;box-sizing:border-box}.text-danger{color:#d32f2f;font-weight:600}.text-success{color:#2e7d32;font-weight:600}.actions-col{width:100px;text-align:left!important;white-space:nowrap}.delete-btn,.edit-btn,.undo-btn,.confirm-btn,.ignore-btn{background-color:#f8f9fa;border:1px solid #dee2e6;cursor:pointer;font-size:.9rem;border-radius:4px;opacity:1;transition:background-color .2s,border-color .2s;width:28px;height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0;box-shadow:0 1px 2px #0000000d}.delete-btn{color:#c92a2a}.delete-btn:hover{background-color:#ffe3e3;border-color:#ffc9c9}.edit-btn{color:#444}.edit-btn:hover{background-color:#e9ecef;border-color:#ced4da}.undo-btn{color:#444}.undo-btn:hover{background-color:#e9ecef;border-color:#ced4da}.confirm-btn{color:#fff;border:none;padding-bottom:2px}.confirm-btn.income{background-color:#28a745}.confirm-btn.income:hover{background-color:#218838}.confirm-btn.expense{background-color:#007bff}.confirm-btn.expense:hover{background-color:#0069d9}.ignore-btn{opacity:1;background-color:#f1f3f4;color:#dc3545;border:1px solid #ccc;border-radius:3px;font-size:.9rem}.ignore-btn:hover{background-color:#e2e6ea}.input-row{background-color:#fff9f5;border-left:4px solid #aaa!important}.input-row td{padding:8px}.input-row input,.input-row select{width:100%;padding:6px;box-sizing:border-box;border:1px solid #ccc;border-radius:3px;outline-color:var(--theme-primary)}.input-row button{width:100%;padding:7px;background-color:var(--theme-primary, #444);color:#fff;border:none;border-radius:3px;cursor:pointer;font-weight:600;transition:background-color .3s ease}.input-row button:hover{filter:brightness(.9)}.transfer-toggle{background:#fff!important;color:#333!important;border:1px solid #ccc!important;width:auto!important;padding:5px 8px!important}.transfer-toggle:hover{background:#eee!important}.month-navigation .nav-btn{background-color:var(--theme-primary, #444);color:#fff;border:none;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;transition:opacity .2s}.month-navigation .nav-btn:hover:not(:disabled){opacity:.9}.month-navigation .nav-btn:disabled{background-color:#cbd5e1;cursor:not-allowed}.input-panel{margin-bottom:0}.move-btn{background-color:#f8f9fa;border:1px solid #dee2e6;cursor:pointer;font-size:.55rem;padding:1px;color:#666;border-radius:3px;line-height:1;width:28px;height:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000d}.move-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#ced4da;color:#000}.move-btn:disabled{opacity:.4;cursor:not-allowed;background-color:#f1f3f5}.admin-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.2rem;cursor:pointer;color:#888;z-index:10}.admin-sidebar{width:250px;background-color:#f7f9fa;border-right:1px solid #e1e8ed;padding:30px 20px;display:flex;flex-direction:column;gap:10px;flex-shrink:0}@media(max-width:768px){.admin-modal{flex-direction:column!important}.admin-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid #e1e8ed;padding:10px!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;justify-content:flex-start}.admin-sidebar h2{display:none}.admin-sidebar button{padding:5px 10px!important;font-size:.85rem!important}.admin-content{padding:15px!important}}.admin-sidebar h2{margin-top:0;margin-bottom:20px;color:#333;font-size:1.2rem}.admin-sidebar button{background:none;border:none;text-align:left;padding:10px 15px;border-radius:6px;cursor:pointer;font-size:1rem;color:#555;transition:all .2s ease}.admin-sidebar button:hover{background-color:#eef2f5;color:#222}.admin-sidebar button.active{background-color:#1a73e8;color:#fff;font-weight:500}.admin-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#fff}.admin-tab-content{flex:1;display:flex;flex-direction:column;padding:30px 40px;overflow:hidden}.admin-tab-content h3{flex-shrink:0;margin-top:0;margin-bottom:25px;color:#222;font-size:1.5rem;border-bottom:1px solid #eee;padding-bottom:10px}.crud-container{display:flex;flex-direction:column;gap:20px;flex:1;overflow:hidden}.crud-form{display:flex;align-items:center;gap:15px;background:#f7f9fa;padding:20px;border-radius:8px;border:1px solid #e1e8ed;flex-wrap:wrap;flex-shrink:0}.crud-form h4{margin:0 0 10px;width:100%}.crud-form input[type=text],.crud-form input[type=number],.crud-form select{padding:8px 12px;border:1px solid #ccc;border-radius:4px;flex:1;min-width:150px;box-sizing:border-box}.crud-form input[type=color]{height:35px;width:50px;padding:0;border:none;cursor:pointer}.crud-form button{padding:8px 16px;background-color:#1a73e8;color:#fff;border:none;border-radius:4px;cursor:pointer}.crud-form button:nth-of-type(2){background-color:#f1f3f4;color:#333;border:1px solid #ccc}.table-wrapper{flex:1;overflow-y:auto;border:1px solid #e1e8ed;border-radius:8px}.crud-table{width:100%;border-collapse:collapse}.crud-table th,.crud-table td{padding:12px 15px;border-bottom:1px solid #eee;text-align:left}.crud-table th{position:sticky;top:0;z-index:5;background-color:#f7f9fa;font-weight:600;color:#555;box-shadow:0 1px #e1e8ed}.crud-table td button{background:none;border:none;cursor:pointer;font-size:1.1rem;margin-right:10px;color:#888}.crud-table td button:hover{color:#1a73e8}.inline-dropdown-menu{position:absolute;left:10px;z-index:100;background:#fff;border:1px solid #e1e8ed;border-radius:6px;box-shadow:0 4px 16px #0003;max-height:250px;overflow-y:auto;min-width:200px;padding:5px 0}.inline-dropdown-item{padding:8px 15px;cursor:pointer;display:flex;align-items:center;transition:background-color .2s}.inline-dropdown-item:hover{background-color:#f0f7ff}@keyframes fadeHighlight{0%{box-shadow:inset 0 0 0 3px #1a73e8,0 0 15px #1a73e899;background-color:#1a73e81a!important}70%{box-shadow:inset 0 0 0 3px #1a73e8,0 0 15px #1a73e899;background-color:#1a73e81a!important}to{box-shadow:inset 0 0 0 0 transparent;background-color:var(--row-bg)!important}}.highlight-flash{animation:fadeHighlight 2.5s ease-out forwards!important;z-index:10;position:relative}.global-spinner{border:4px solid rgba(0,0,0,.1);width:40px;height:40px;border-radius:50%;border-left-color:#007bff;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-select-container{position:relative;width:100%;flex-grow:1}.custom-select-btn{border:1px solid #ccc;border-radius:4px;padding:10px 1px 10px 10px;cursor:pointer;background-color:#efefef;display:flex;align-items:center;min-height:38px;box-sizing:border-box}.custom-select-popup{position:absolute;top:100%;left:0;right:0;z-index:10;background-color:#efefef;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #00000026;max-height:200px;overflow-y:auto;margin-top:4px}.custom-select-item{display:flex;align-items:center;font-size:1rem;padding:8px 10px;cursor:pointer}.custom-select-item:hover{background-color:#dfdfdf}.custom-select-item.selected{background-color:#d6e8ff;font-weight:700}.hover-highlight:hover{background-color:#f0f7ff!important}.clickable-pill{transition:transform .1s ease,box-shadow .1s ease;cursor:pointer}.clickable-pill:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.crud-item-name{font-weight:700;color:inherit}.crud-item-name.clickable{cursor:pointer}.custom-select-btn:focus{outline:1px solid var(--theme-primary, #007bff);box-shadow:0 0 0 2px #007bff40}.fab-add-btn{display:none;position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background-color:var(--theme-primary, #1a73e8);color:#fff;font-size:30px;border:none;box-shadow:0 4px 10px #0000004d;align-items:center;justify-content:center;cursor:pointer;z-index:900}.fab-add-btn:active{filter:brightness(.8);transform:scale(.95)}.ledger-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:3px solid var(--theme-primary, #333);padding-bottom:10px;transition:border-color .3s ease}.ledger-header h1{margin:0;font-size:1.5rem;color:var(--theme-primary, #333);transition:color .3s ease}.ledger-header select{padding:8px 12px;font-size:1rem;border:1px solid var(--border-color);border-radius:4px;outline-color:var(--theme-primary)}.ledger-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 3px #0000001a;font-size:.95rem}.ledger-table th,.ledger-table td{padding:12px;border:1px solid var(--border-color);text-align:left}.ledger-table th{background-color:var(--theme-primary, #444);color:#fff;font-weight:600;position:sticky;top:0;z-index:10;text-shadow:0px 1px 1px rgba(0,0,0,.2);transition:background-color .3s ease}.payment-line{background-color:var(--row-bg)!important;border-left:5px solid var(--cat-color, #ccc)!important}.weekend-row{font-style:italic;color:#444}.ledger-table .amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.month-group{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-bottom:0}.month-content{flex:1;display:flex;gap:20px;align-items:stretch;flex-wrap:nowrap;width:100%;overflow:hidden}.month-sidebar{flex:1 1 200px;min-width:200px;max-width:100%;display:flex;flex-direction:column;overflow:hidden}.budget-panel{display:flex;flex-direction:column;flex:1;overflow:hidden;margin-top:20px;padding:10px;background-color:#f9f9f9;border-radius:4px;border:1px solid #e0e0e0}.month-main{flex:3 1 600px;min-width:500px;max-width:100%;display:flex;flex-direction:column;overflow:hidden}.month-main .table-responsive{flex:1;overflow-y:auto}.month-cc-sidebar{flex:1 1 400px;min-width:400px;max-width:100%;display:flex;flex-direction:column;overflow:hidden}.month-cc-sidebar .table-responsive{flex:1;overflow-y:auto;border:1px solid var(--border-color);border-radius:4px}.month-header-sidebar{margin-top:0;margin-bottom:15px;color:var(--theme-primary, #333);font-size:1.3rem;border-bottom:2px solid var(--theme-primary);padding-bottom:5px}.month-header-basic{margin-bottom:15px;color:#444;border-bottom:2px solid #ccc;padding-bottom:5px}.summary-table th{background-color:#f0f0f0;color:#333;text-shadow:none;font-weight:500;width:50%}.summary-table td{background-color:#fff}.summary-table .highlight-row th,.summary-table .highlight-row td{background-color:var(--theme-primary);color:#fff;border-color:var(--theme-primary)}.month-navigation{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:15px;background-color:var(--panel-bg, #fff);padding:10px;border-radius:8px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color, #e2e8f0);position:relative}.month-navigation .nav-select{padding:6px 10px;border:1px solid #cbd5e1;border-radius:4px;font-size:1rem;background-color:#fff;color:#334155;cursor:pointer;outline:none;font-weight:500}.month-navigation .nav-select:focus{border-color:var(--theme-primary, #444)}.btn-huidig{position:absolute;right:10px;font-size:.85rem;width:auto;min-width:65px;white-space:nowrap;padding:4px 10px!important}.category-popup-item{padding:6px 10px;cursor:pointer;display:flex;align-items:center;font-size:.85rem}.category-popup-item:hover{background-color:#f0f0f0}.category-popup-item.selected{background-color:#e6f7ff;font-weight:700}.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-modal{position:relative;background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 12px #00000026;width:1000px;max-width:95vw;max-height:90vh;overflow-y:auto}@media(max-width:768px){.settings-modal,.admin-modal{width:100vw!important;height:100vh!important;max-height:100vh!important;max-width:100vw!important;border-radius:0!important;margin:0;padding:15px!important}}.settings-modal h2{margin-top:0;margin-bottom:20px;color:#333}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-modal{position:relative;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:98vw;max-width:1800px;height:90vh;display:flex;overflow:hidden}.inline-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.global-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff9;display:flex;align-items:center;justify-content:center;z-index:9999}@media(max-width:1024px){.scrollable-main{overflow-y:hidden;display:flex;flex-direction:column}.month-group{display:flex;flex-direction:column;flex:1;min-height:0}.month-content{flex:1;min-height:0;flex-wrap:wrap;overflow:hidden}.month-sidebar,.month-main,.month-cc-sidebar{flex:1 1 100%;min-width:100%;overflow-y:auto;min-height:0}.month-sidebar .budget-list,.month-main .table-responsive,.month-cc-sidebar .table-responsive{overflow-y:visible}.summary-table tbody{display:flex;flex-wrap:wrap;gap:10px;background:transparent}.summary-table tr{display:flex;flex-direction:column;flex:1 1 20%;min-width:120px;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.summary-table th,.summary-table td{width:100%;text-align:center!important;border:none!important}.summary-table th{border-bottom:1px solid var(--border-color)!important}}@media(max-width:768px){.ledger-header{flex-direction:column!important;align-items:flex-start!important;gap:15px;padding-bottom:15px}.account-select{width:100%!important;max-width:100%!important;margin-top:5px}.month-content{display:flex;flex-direction:column;flex:1;min-height:0}.month-sidebar{order:-1;margin-bottom:0;overflow-y:auto;flex:1;min-height:0;-ms-overflow-style:none;scrollbar-width:none}.month-sidebar::-webkit-scrollbar{display:none}.month-main{flex:1;overflow-y:auto;min-height:0;-ms-overflow-style:none;scrollbar-width:none}.month-main::-webkit-scrollbar{display:none}.month-navigation{flex-wrap:wrap}.btn-huidig{position:relative!important;right:auto!important;width:100%!important;margin-top:10px;padding:8px!important}.summary-table tbody{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;background-color:transparent!important}.summary-table tr{display:flex!important;flex-direction:column!important;border:1px solid #e1e8ed!important;border-radius:6px!important;background-color:#fff!important;min-width:0!important}.summary-table th{font-size:.8rem;color:#666;padding:6px!important;border-bottom:1px solid #eee!important}.summary-table td{font-size:1.1rem;font-weight:700;padding:8px 6px!important}.summary-table tr.highlight-row{grid-column:span 2;background-color:#e6f7ff!important;border-color:#91d5ff!important}.month-cc-sidebar{display:none}.input-row{display:none!important}.fab-add-btn{display:flex!important}.ledger-table thead{display:none}.ledger-table tbody{display:flex;flex-direction:column;gap:10px;background-color:transparent!important}.ledger-table tr.payment-line,.ledger-table tr.projection-row{display:flex;flex-direction:column;background-color:#fff!important;border:1px solid var(--border-color);border-radius:8px;padding:12px;box-shadow:0 2px 4px #0000000d;position:relative}.ledger-table tr.payment-line td,.ledger-table tr.projection-row td{padding:4px 0!important;border:none!important;display:block;width:100%}.ledger-table tr.payment-line td:nth-child(1),.ledger-table tr.projection-row td:nth-child(1){font-size:.8rem;color:#888;text-align:left;margin-bottom:4px}.ledger-table tr.payment-line td:nth-child(2),.ledger-table tr.projection-row td:nth-child(2){font-size:1.1rem;font-weight:700;color:var(--theme-primary)}.ledger-table tr.payment-line td:nth-child(3),.ledger-table tr.projection-row td:nth-child(3){font-size:.95rem;color:#444;white-space:normal!important;margin-bottom:8px}.ledger-table tr.payment-line td.amount,.ledger-table tr.projection-row td.amount{text-align:right;font-size:1.1rem;font-weight:700}.ledger-table tr td.actions-col{position:absolute;top:10px;right:10px;width:auto!important}}@media(max-width:768px){.mobile-hidden{display:none!important}}