body{background:#f4f6f8;color:#333;font-family:Segoe UI,sans-serif;margin:0}h1,h2,h3{font-weight:600;margin:0 0 15px}p{line-height:1.6;margin:0 0 10px}form{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000014;margin:60px auto;max-width:450px;padding:40px}form h2{color:#2e7d32;margin-bottom:25px;text-align:center}input,select{background:#f9f9f9;border:1px solid #ccc;border-radius:8px;font-size:15px;margin-bottom:20px;padding:12px 14px;transition:border .2s ease;width:100%}input:focus,select:focus{background:#fff;border-color:#2196f3;outline:none}button{background:linear-gradient(90deg,#1565c0);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px;transition:background .3s ease}button:hover{background:linear-gradient(90deg,#388e3c,#1976d2)}.dashboard-wrapper{display:flex;min-height:100vh}.sidebar{background:#2e7d32;box-shadow:3px 0 10px #0000000d;color:#fff;flex-shrink:0;height:100vh;left:0;overflow-y:auto;padding:30px 20px;position:fixed;top:0;transition:all .3s ease-in-out;width:240px;z-index:1000}.dashboard-content{padding:20px}.sidebar-title{align-items:center;display:flex;font-size:20px;justify-content:space-between;letter-spacing:1px;margin-bottom:25px;text-transform:uppercase}.sidebar-title:after{content:"≡";cursor:pointer;font-size:24px;transition:transform .3s ease}.sidebar-title.collapsed:after{transform:rotate(90deg)}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu li{margin-bottom:15px}.sidebar-menu li a{align-items:center;border-radius:6px;color:#fff;display:flex;font-weight:500;justify-content:space-between;padding:8px 12px;text-decoration:none;transition:all .2s ease}.sidebar-menu li a:hover{background:#ffffff1a;color:#c8e6c9}.sidebar-menu li a .toggle-icon{transition:transform .3s ease}.sidebar-menu li a.collapsed .toggle-icon{transform:rotate(-90deg)}.sidebar-submenu{border-left:1px solid #ffffff1a;list-style:none;margin-top:10px;max-height:500px;overflow:hidden;padding-left:20px;transition:max-height .3s ease,opacity .2s ease}.sidebar-submenu.collapsed{max-height:0;opacity:0}.sidebar-submenu li a{color:#dcedc8;font-size:14px;padding:6px 8px}.sidebar-submenu li a:hover{color:#fff}.dashboard-content{background:#f4f6f8;flex-grow:1;min-height:100vh;padding:40px;transition:margin-left .3s ease}@media screen and (max-width:768px){.sidebar{left:0;padding:20px 16px;position:fixed;top:0;transform:translateX(-100%);width:220px}.sidebar.open{transform:translateX(0)}.dashboard-content{margin-left:0;padding:20px}.sidebar-menu li a{font-size:14px;padding:6px 10px}.sidebar-title{font-size:16px;margin-bottom:20px}.sidebar-submenu li a{font-size:13px}}.collapse-toggle{bottom:20px;display:none}.collapse-toggle:hover{background:#1b5e20}@media screen and (max-width:768px){.collapse-toggle{display:block}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dashboard-content>*{animation:fadeIn .3s ease-out}.login-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-form{animation:fadeInUp .5s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;max-width:400px;padding:40px;width:100%}.login-form h2{color:#2e7d32;font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.login-form input{border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:20px;padding:14px 16px;transition:all .3s ease;width:100%}.login-form input:focus{border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d3233;outline:none}.login-form button{background:#2e7d32;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:14px;transition:background .3s ease;width:100%}.login-form button:hover{background:#1b5e20}.login-form button:active{transform:translateY(1px)}.error-message{color:#d32f2f;font-size:14px;margin-bottom:20px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.login-form{padding:30px 20px}.login-form h2{font-size:24px;margin-bottom:25px}.login-form input{font-size:15px;padding:12px 14px}.login-form button{padding:12px}}.user-management{max-width:100%;padding:2rem}.user-management h2{color:#2c3e50;font-size:1.8rem;margin-bottom:1.5rem}.user-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto;width:100%}.user-table td,.user-table th{border-bottom:1px solid #e0e0e0;font-size:.95rem;padding:12px 16px;text-align:left}.user-table th{background-color:#f7f7f7;color:#333;font-weight:600}.user-table tbody tr:hover{background-color:#f0f8ff}.user-table button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.user-table button:hover{background-color:#2980b9}@media (max-width:768px){.user-table-container{overflow-x:auto}.user-table td,.user-table th{white-space:nowrap}}.sidebar-logo{background-color:#fff;border-radius:8px;box-shadow:0 0 0 3px #fff,0 2px 4px #0000001a;display:block;height:auto;margin:16px auto 8px;padding:4px;width:120px}.status-badge{border-radius:6px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;padding:4px 8px}.status-badge.pending{background-color:#ff9800}.status-badge.reprocessing{background-color:#03a9f4}.status-badge.for-final-checking{background-color:#4caf50}.status-badge.not-yet-started{background-color:#607d8b}.status-badge.hold{background-color:#9c27b0}.status-badge.disapproved{background-color:#f44336}.status-badge.disbursed{background-color:#009688}.status-badge.cancelled{background-color:#795548}.status-badge.processing{background-color:#2196f3}.status-badge.exceeds-30-days-validity{background-color:#e91e63}.status-badge.archive{background-color:#091414}.pagination-container{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-start;margin:1rem 0 0;padding-left:4px}.pagination-button{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.8rem;min-width:30px;padding:.25rem .55rem;text-align:center;transition:background-color .2s ease}.pagination-button.active,.pagination-button:hover:not(:disabled){background-color:#1976d2;border-color:#1976d2;color:#fff}.pagination-button:disabled{cursor:not-allowed;opacity:.6}.modal-edit-user .modal-form-group{display:flex;flex-direction:column;margin-bottom:14px;text-align:left}.modal-edit-user label{color:#2c3e50;font-size:14px;font-weight:500;margin-bottom:4px}.modal-edit-user .swal2-input,.modal-edit-user select.swal2-input{border-radius:6px;font-size:15px;padding:10px 12px}.visibility-toggle{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:4px 8px}.visibility-toggle.visible{background-color:#00223d;color:#ffa7dd}.visibility-toggle.hidden{background-color:#fee2e2;color:#adf3cc}.user-table-container{border:1px solid #ccc;max-height:80vh;overflow-y:auto}.user-table thead th{background-color:#fff;position:sticky;top:0;z-index:10}#clear-filters-btn.btn-clear{background-color:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:10px 16px;transition:background-color .3s ease}#clear-filters-btn.btn-clear:hover{background-color:#d32f2f}.user-indicator-bubble{background-color:#1976d2;border-radius:18px;box-shadow:0 2px 6px #0003;color:#fff;cursor:default;font-size:14px;font-weight:700;max-width:200px;overflow:hidden;padding:6px 12px;position:fixed;right:10px;text-overflow:ellipsis;top:10px;white-space:nowrap;z-index:9999}.collapse-toggle{background:#2e7d32;border:none;border-radius:50%;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;display:block;font-size:20px;height:40px;left:20px;margin:4px;padding:4px;position:fixed;top:20px;width:40px;z-index:1100}@media screen and (min-width:769px){.collapse-toggle.desktop-toggle{left:260px;top:20px;transform:translateX(-100%)}}.sidebar:not(.open){transform:translateX(-100%)}@media screen and (min-width:769px){.sidebar{transform:translateX(0)}.sidebar:not(.open){transform:translateX(-240px)}.dashboard-content{margin-left:240px;transition:margin-left .3s ease}.sidebar:not(.open)~.dashboard-content{margin-left:0}}.dashboard-content{margin-left:270px;padding:20px 20px 20px 50px}
/*# sourceMappingURL=main.c26dac5c.css.map*/