.login-container{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#2b5876,#4e4376);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-form{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:40px;border-radius:16px;box-shadow:0 8px 32px #0000004d;width:340px;display:flex;flex-direction:column;gap:20px;animation:fadeIn .8s ease}.login-form h2{text-align:center;color:#fff;margin-bottom:10px;font-size:1.8rem;font-weight:600;letter-spacing:1px}.login-form input{padding:12px 15px;font-size:16px;border:none;border-radius:8px;outline:none;background-color:#fffc;transition:box-shadow .3s ease}.login-form input:focus{box-shadow:0 0 0 3px #1e90ff4d}.login-form button{padding:12px;font-size:16px;background:linear-gradient(to right,#1e90ff,#007bff);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease,background-color .3s ease;font-weight:600}.login-form button:hover{transform:scale(1.03);background:linear-gradient(to right,#007bff,#0056b3)}@media (max-width: 480px){.login-form{width:90%;padding:30px}.login-form h2{font-size:1.5rem}.login-form input,.login-form button{font-size:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard{display:flex;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sidebar{width:220px;background-color:#1e293b;color:#fff;padding:20px}.logo{margin-bottom:30px;font-size:1.5rem;text-align:center;border-bottom:1px solid #334155;padding-bottom:10px}.nav{display:flex;flex-direction:column;gap:15px}.nav .active{background-color:#334155;color:#fff;font-weight:700}.nav a{color:#cbd5e1;text-decoration:none;font-size:1rem;padding:8px;border-radius:5px;transition:background-color .2s}.nav a:hover{background-color:#334155}.main{flex-grow:1;background-color:#f1f5f9;width:100%}.content{display:flex;flex-direction:column;gap:20px;padding:20px}.card{background-color:#fff;flex:1;min-width:200px;padding:20px;border-radius:10px;box-shadow:0 1px 6px #0000001a}.card h3{margin-bottom:10px;color:#1e293b}@media (max-width: 768px){.dashboard{flex-direction:column}.sidebar{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 20px}.logo{margin-bottom:0;border-bottom:none;padding-bottom:0;font-size:1.2rem}.nav{display:flex;flex-direction:row;gap:10px}.nav a{font-size:.9rem;padding:6px 10px}.main{width:100%;padding:10px}.content{flex-direction:column;padding:10px;gap:10px}.card{flex-basis:100%}}@media (max-width: 480px){.sidebar{flex-direction:row;align-items:center}.nav{flex-direction:row;flex-wrap:wrap;gap:5px}.nav a{text-align:center}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.loading-page{padding:10px 30px 30px;font-family:Arial,sans-serif;background-color:#f8fafc;border-radius:10px;margin:1px 20px 20px;min-height:300px}.date-display{display:inline-block;padding:6px 12px;font-size:14px;background-color:#e2e8f0;border-radius:4px;cursor:pointer;transition:background-color .2s;margin-bottom:10px}.date-display:hover{background-color:#cbd5e1}.table-total{margin-top:30px;font-weight:700;text-align:left;font-size:14px}.responsive-layout{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.calendar-wrapper,.options-wrapper{flex:1;min-width:280px;max-width:100%}.radio-group{margin-top:20px;display:flex;flex-wrap:wrap;gap:20px;font-size:16px}.radio-group label{font-size:16px}.highlight-today{background-color:#1e90ff!important;color:#fff!important;border-radius:50%!important}.table-wrapper{margin-top:5px;overflow-x:auto}.custom-table{width:100%;border-collapse:collapse;font-size:14px;background-color:#fff}.custom-table th,.custom-table td{padding:10px 12px;border:1px solid #ccc;text-align:left}.custom-table th{background-color:#f1f5f9;font-weight:700}.edit-btn{padding:6px 12px;background-color:#1e90ff;color:#fff;border:none;border-radius:4px;cursor:pointer}.edit-btn:hover{background-color:#0369a1}@media (max-width: 768px){.responsive-layout{flex-direction:column;align-items:stretch}.calendar-wrapper,.options-wrapper{width:100%}.radio-group{justify-content:center;font-size:14px;gap:10px}.radio-group label{flex:1 1 auto;text-align:center}.table-wrapper{width:100%;overflow-x:auto}.custom-table{font-size:12px;min-width:600px}.custom-table th,.custom-table td{padding:8px 10px}.loading-page{padding:20px 15px;margin:10px}.edit-btn{width:100%;text-align:center}}.table-section{margin-top:2rem;padding:1rem;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000000d;overflow-x:auto}.account-table{width:100%;border-collapse:collapse;font-size:15px;min-width:900px}.account-table th,.account-table td{border:1px solid #ddd;padding:.75rem;text-align:left;white-space:nowrap}.account-table th{background-color:#f4f4f4;font-weight:700}.account-table td:nth-child(4),.account-table td:nth-child(6){color:#007bff;font-weight:500}.header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:1rem}.date-display{font-weight:700;background:#f0f8ff;padding:.5rem 1rem;border-radius:6px;box-shadow:0 0 4px #0000001a}.search-row{display:flex;justify-content:flex-end;margin:1rem 0;flex-wrap:wrap}.search-input{padding:8px 12px;width:250px;max-width:100%;font-size:14px;border-radius:4px;border:1px solid #ccc}.table-section>.balance-summary{font-size:16px;color:#333;background:#e6f7ff;padding:.75rem 1rem;border-left:5px solid #1890ff;border-radius:4px;margin-bottom:1rem}@media (max-width: 1024px){.account-table{font-size:14px}}@media (max-width: 768px){.header-row{flex-direction:column;align-items:flex-start;gap:10px}.search-row{width:100%;justify-content:center}.search-input{width:100%}.account-table{font-size:13px}}@media (max-width: 480px){.search-row{flex-direction:column;align-items:stretch;gap:8px}.search-input{width:100%}.date-display{width:100%;text-align:center}.table-section>.balance-summary{text-align:center}}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */