.login-container{align-items:center;background-color:#f5f5f5;display:flex;height:100vh;justify-content:center;padding:0 20px}.login-card{background-color:#fff;border-radius:10px;box-shadow:0 6px 12px #0000001a;max-width:400px;padding:20px;text-align:center;width:100%}.login-card h2{color:#1f4e79;margin-bottom:10px}.login-card p{color:#666;font-size:14px;margin-bottom:20px}.login-button{text-align:center;width:100%}.board-list-container{background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-top:20px;padding:10px}.board-item{cursor:pointer;margin-bottom:10px;transition:background-color .3s ease,padding-left .2s ease}.board-item:hover{background-color:#e0e0e0;padding-left:10px}.board-item-text{border-radius:5px;color:#333;display:block;font-size:16px;padding:10px;text-decoration:none}.navigation-bar{align-items:center;background-color:#1f4e79;color:#fff;display:flex;height:50px;justify-content:space-between;left:0;max-height:75px;padding:10px;position:relative;right:0;top:0;z-index:1000}.nav-button-container{flex-shrink:0}.nav-title-container{flex-grow:1;font-size:16px;font-weight:700;text-align:center}.menu-overlay{background-color:#00000080;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw}.menu-content{color:#fff}div{background-color:#2e2e2e}.box-controls-left,.box-controls-right{background-color:initial;border:none;color:#f2f2f2;cursor:pointer;font-size:18px;position:absolute;top:0}.box-controls-left{left:0}.box-controls-right{right:0;top:5px}.header-btn{left:0;padding-left:0;padding-right:0;position:absolute;text-align:center;top:5px;width:40px}.box-header h2{cursor:pointer;font-size:1.2em;margin:0}.booking-list{border-top:1px solid #ddd;margin-top:15px}.booking-item{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:12px 8px;width:100%}.booking-item:last-child{border-bottom:none}.booking-details{display:flex;flex-direction:column;width:100%}.booking-amount{font-size:1.1em;font-weight:700}.booking-income{color:#5cb85c}.booking-expense{color:#d9534f}.booking-frequency{color:#888;font-size:.8em;margin-left:8px}.booking-actions{display:flex;gap:10px}.box-grid{grid-gap:1rem;display:grid;gap:1rem;width:100%}.year-picker{border:1px solid #ddd}.year-picker button,.year-picker input{align-items:center;border:none;border-radius:0;font-size:1.2em;height:100%;line-height:1.3em}.year-picker input{text-align:center;width:3.8em}.year-picker button{margin:0;width:1.8em}@media (max-width:575px){.box-grid{grid-template-columns:1fr}}@media (min-width:576px) and (max-width:767px){.box-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px) and (max-width:919px){.box-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:920px) and (max-width:1399px){.box-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1400px) and (max-width:1599px){.box-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1600px){.box-grid{grid-template-columns:repeat(6,1fr)}}body,html{background-color:#f5f5f5;color:#333;font-family:Arial,sans-serif;margin:0;padding:0}.container{margin:0 auto;max-width:1600px}.box-container{margin:15px 0;width:100%}.card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:box-shadow .2s ease}.card:hover{box-shadow:0 6px 12px #00000026}.card-header{align-items:center;background-color:#1f4e79;color:#fff;display:flex;font-size:18px;justify-content:space-between;padding:12px;position:relative}.card-header h2{cursor:pointer;font-size:1.2em;margin:0}.card-body{padding:15px}.card-footer{align-items:center;background-color:#f8f8f8;display:flex;justify-content:space-between;padding:12px}.add-item-button,.create-board-btn,.overview-button{background-color:#1f4e79;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:12px;text-align:center;transition:background-color .2s ease,box-shadow .2s ease;width:100%}.add-item-button:hover,.create-board-btn:hover,.login-button:hover,.overview-button:hover{background-color:#163a5b;box-shadow:0 4px 8px #0003}.add-item-button:active,.create-board-btn:active,.login-button:active,.overview-button:active{background-color:#11283d;box-shadow:0 2px 4px #0000004d}.add-item-button:disabled,.login-button:disabled,.overview-button:disabled{background-color:#b0c4de;box-shadow:none;cursor:not-allowed;opacity:.7}.small-btn{border-radius:5px;cursor:pointer;font-size:14px;margin-left:5px;padding:6px 12px;transition:background-color .2s ease,box-shadow .2s ease}.finansp-btn-info{background-color:#5bc0de}.finansp-btn-info:hover{background-color:#31b0d5}.input-group{margin-bottom:15px;text-align:left}.input-group label{color:#333;display:block;font-size:14px;margin-bottom:5px}.board-name-input,.input-group input{background-color:#f8f8f8;border:1px solid #ddd;border-radius:5px;color:#333;font-size:16px;padding:10px;transition:border-color .2s ease;width:100%}.input-group input:focus{border-color:#1f4e79;outline:none}.user-profile-btn-container{flex-shrink:0}.finansp-btn-userprofile{align-items:center;background-color:#5cb85c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:50px;justify-content:center;padding:10px 20px;transition:background-color .2s ease,box-shadow .2s ease;width:50px}.finansp-btn-userprofile:hover{background-color:#4cae4c;box-shadow:0 4px 8px #0003}.finansp-btn-userprofile:active{background-color:#449d44;box-shadow:0 2px 4px #0000004d}.year-font-lg{color:#1f4e79;font-size:18px;font-weight:700}.finansp-btn-danger,.finansp-btn-dark,.finansp-btn-info,.finansp-btn-light,.finansp-btn-primary,.finansp-btn-secondary,.finansp-btn-success,.finansp-btn-warning{border:none;border-radius:6px;box-shadow:0 2px 4px #0000001f;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.4px;padding:10px 18px;transition:all .15s ease}.finansp-btn-primary{background-color:#1f4e79;color:#fff}.finansp-btn-primary:hover{background-color:#163a5b;box-shadow:0 4px 8px #1f4e7940}.finansp-btn-primary:active{background-color:#0d2337}.finansp-btn-secondary{background-color:#4a5568;color:#fff}.finansp-btn-secondary:hover{background-color:#2d3748;box-shadow:0 4px 8px #4a556840}.finansp-btn-dark,.finansp-btn-secondary:active{background-color:#1a202c}.finansp-btn-dark{color:#fff}.finansp-btn-dark:hover{background-color:#0f1319;box-shadow:0 4px 8px #1a202c40}.finansp-btn-dark:active{background-color:#000}.finansp-btn-light{background-color:#f7fafc;border:1px solid #cbd5e0;color:#1a202c}.finansp-btn-light:hover{background-color:#edf2f7;box-shadow:0 4px 8px #cbd5e066}.finansp-btn-light:active{background-color:#e2e8f0}.finansp-btn-warning{background-color:#f6ad55;color:#1a202c}.finansp-btn-warning:hover{background-color:#ed8936;box-shadow:0 4px 8px #f6ad5540}.finansp-btn-warning:active{background-color:#dd6b20}.finansp-btn-info{background-color:#4299e1;color:#fff}.finansp-btn-info:hover{background-color:#3182ce;box-shadow:0 4px 8px #4299e140}.finansp-btn-info:active{background-color:#2b6cb0}.finansp-btn-danger{background-color:#d9534f;color:#fff}.finansp-btn-danger:hover{background-color:#c9302c;box-shadow:0 4px 8px #d9534f40}.finansp-btn-danger:active{background-color:#a72925}.finansp-btn-success{background-color:#5cb85c;color:#fff}.finansp-btn-success:hover{background-color:#4cae4c;box-shadow:0 4px 8px #5cb85c40}.finansp-btn-success:active{background-color:#3d8b3d}.finansp-btn-danger:disabled,.finansp-btn-dark:disabled,.finansp-btn-info:disabled,.finansp-btn-light:disabled,.finansp-btn-primary:disabled,.finansp-btn-secondary:disabled,.finansp-btn-success:disabled,.finansp-btn-warning:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;pointer-events:none}
/*# sourceMappingURL=main.a84b5a91.css.map*/