.form-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;height:70vh;line-height:1;margin:20px auto;max-width:400px;overflow-y:scroll;padding:25px;position:relative}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;position:relative}.form-container h2{color:#333;flex-grow:1;margin:0;text-align:left}.custom-date-input{align-items:center;display:flex;position:relative;width:68%}.hidden-date-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;opacity:0;overflow:hidden;padding:0;position:absolute;width:1px}.date-display{border:1px solid #ccc;border-radius:5px;flex-grow:1;min-width:200px;padding:8px 12px}.calendar-button,.date-display{background-color:#f9f9f9;cursor:pointer;display:flex}.calendar-button{align-items:right;border:none;justify-content:right}.calendar-icon{fill:#555;height:20px;width:20px}.calendar-button:hover .calendar-icon{fill:#000}.btn-logout{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;position:static}.header-buttons{display:flex;gap:10px}.btn-view-submissions{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:5px;padding:8px 16px}.btn-view-submissions:hover{background-color:#0b7dda}.modal-content{box-shadow:0 4px 8px #0000001a;max-height:80vh;max-width:1000px;padding:20px}.modal-header{margin-bottom:20px;padding-bottom:10px}.modal-close{font-size:24px}.submissions-table-container{overflow-x:auto}.submissions-table{border-collapse:collapse;margin-top:10px;width:100%}.submissions-table td,.submissions-table th{border:1px solid #ddd;font-size:14px;padding:10px 12px;text-align:left}.submissions-table th{background-color:#f5f5f5;font-weight:700}.submissions-table tr:nth-child(2n){background-color:#f9f9f9}.submissions-table tr:hover{background-color:#f0f0f0}.form-group{align-items:center;display:flex;margin-bottom:8px;width:100%}label{color:#555;display:inline-block;font-weight:500;width:120px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.form-group select,.result-field,input[type=datetime-local],input[type=number],input[type=text]{border:1px solid #ddd;border-radius:4px;flex:1 1;font-family:Times New Roman,Times,serif;font-size:16px;padding:8px 12px;transition:border-color .3s}.form-group select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg width="14" height="10" viewBox="0 0 14 10" xmlns="http://www.w3.org/2000/svg"><path fill="%23333" d="M7 10L0 0h14z"/></svg>');background-position:right 10px center;background-repeat:no-repeat;background-size:12px;color:#333;cursor:pointer}.form-group select:focus,.form-group select:hover{border-color:#4285f4;outline:none}button[type=submit]{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:16px;margin-top:15px;padding:10px;transition:background-color .3s;width:100%}button[type=submit]:hover{background-color:#3367d6}.footer-style{background-color:#333;border-top:2px solid #fff;bottom:0;box-shadow:0 -4px 8px #0003;color:#fff;padding:20px;position:relative;text-align:center;width:100%}@media (max-width:768px){.form-container{padding:20px}.form-title{font-size:22px}.form-group{min-width:150px}}@media (max-width:576px){.form-container{height:78vh;margin-top:5%!important;margin:15px;margin-bottom:4%!important;padding:15px}.header-buttons{gap:0!important;justify-content:space-evenly!important;width:100%!important}.form-row{flex-direction:column;gap:15px;line-height:1}.form-group{min-width:100%}.result-field,input[type=datetime-local],input[type=number],input[type=text],select{font-size:15px;padding:8px 10px}.logo-address-container{margin:10px;padding:10px 0!important;width:auto!important}}@media (max-width:410px){.form-container{height:68vh;margin-top:5%!important;margin:15px;margin-bottom:4%!important;padding:15px}.form-title{font-size:20px}.footer-style{font-size:12px}.btn-logout{padding:6px 12px}}.logo-address-container{align-items:center;background:#f8f9fa;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;margin-bottom:20px;padding:5px 0;text-align:center;width:100%}.company-logo{height:50px;margin-bottom:10px}.company-address{color:#555;font-size:14px;line-height:1.2}.admin-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;height:75vh;margin:20px;overflow-x:hidden;overflow-y:auto;padding:20px;width:auto}.admin-header{border-bottom:1px solid #eee;font-size:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.admin-header,.admin-title{align-items:center;display:flex}.admin-title{color:#333;font-size:22px;margin:0}.admin-actions{align-items:center;display:flex;gap:10px}.btn{border:none;border-radius:4px;cursor:pointer;font-family:Times New Roman,Times,serif;font-weight:500;padding:8px 16px;transition:all .2s}.superadmin-badge{background:#ff5722}.masteradmin-badge,.superadmin-badge{border-radius:4px;color:#fff;font-size:12px;margin-left:10px;padding:3px 8px}.masteradmin-badge{background:#4caf50;display:inline-block}.search-container{align-items:center;display:flex;gap:10px}.search-container select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:15px;padding:6px 10px;transition:border-color .3s ease}.search-container select:focus,.search-container select:hover{border-color:#007bff;outline:none}.btn-logout{background-color:#f44336;color:#fff}.btn-logout:hover{background-color:#d32f2f}.btn-manage{background-color:#2196f3;color:#fff;font-family:Times New Roman,Times,serif;margin-left:10px}.loading{color:#666;padding:20px;text-align:center}.error-message{background-color:#fde8e8;color:#d32f2f;margin:20px 0;padding:12px}.error-message,.no-data{border-radius:4px;text-align:center}.no-data{background-color:#f9f9f9;color:#666;padding:20px}.table-container{height:auto;overflow-x:hidden;overflow-y:auto}.data-table{border-collapse:collapse;margin-top:15px;width:100%}.data-table th{background-color:#4285f4;color:#fff;cursor:pointer;font-size:12px;padding:12px 15px;position:sticky;top:0;-webkit-user-select:none;user-select:none;z-index:2}.data-table td,.data-table th{border-left:1px solid #ccc;border-right:1px solid #ccc;text-align:center}.data-table td{border-bottom:1px solid #eee;font-size:14px;padding:10px 15px}.data-table tr:nth-child(2n){background-color:#f9f9f9}.data-table tr:hover{background-color:#f1f1f1}.date-input,.search-input{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:6px 10px}.search-input{width:180px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:15px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:85vh;max-width:800px;overflow-y:auto;padding:25px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.modal-header h3{color:#333;font-size:1.5rem;margin:0}.modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:28px;transition:color .2s}.modal-close:hover{color:#333}.add-user-form{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:30px;padding:20px}.add-user-form h4{margin-top:0}.add-user-form h4,.user-list h4{color:#444;margin-bottom:15px}.user-table-container{box-shadow:0 1px 3px #0000001a;margin-top:15px;max-height:30vh;overflow-y:auto;position:relative}.user-table{border-collapse:collapse;width:100%}.user-table thead tr{position:sticky;top:0;z-index:10}.user-table th{background-color:#f5f5f5;color:#333;font-weight:600}.user-table td,.user-table th{border:1px solid #e0e0e0;padding:12px 15px;text-align:left}.user-table tr:nth-child(2n){background-color:#f9f9f9}.user-table tr:hover{background-color:#f0f0f0}.modal-body input[type=password],.modal-body input[type=text],.modal-body select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;margin-bottom:15px;padding:10px;transition:border-color .3s;width:100%}.modal-body input[type=password]:focus,.modal-body input[type=text]:focus,.modal-body select:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f433;outline:none}.user-actions{justify-content:flex-end;margin-top:10px}.btn-group,.edit-remove-group,.user-actions{display:flex;gap:8px}.edit-remove-group{margin-right:auto}.save-cancel-group{display:flex;gap:8px;margin-left:auto}.btn-edit{background-color:#2196f3;color:#fff;min-width:70px}.btn-remove{background-color:#f44336;color:#fff;min-width:80px}.btn-save{background-color:#4caf50;color:#fff;min-width:70px}.btn-cancel{background-color:#ff9800;color:#fff;min-width:80px}.mobile-menu-container{display:flex;justify-content:flex-end;position:relative}.mobile-menu-button{align-items:center;display:flex;justify-content:center;transition:all .2s}.mobile-menu-button:hover{background:#3367d6}.mobile-menu-dropdown{background:#fff;border-radius:4px;box-shadow:0 2px 10px #0003;display:flex;flex-direction:column;gap:10px;padding:15px;position:absolute;right:0;top:100%;width:280px;z-index:100}.mobile-menu-dropdown .search-container{flex-direction:column;gap:8px}.mobile-menu-dropdown .search-container input,.mobile-menu-dropdown .search-container select{width:100%}.mobile-menu-dropdown .export-buttons{flex-direction:column;gap:8px}@media (min-width:769px){.mobile-menu-container{display:none}}@media (max-width:768px){.admin-actions:not(.mobile-menu-dropdown .admin-actions){display:none}.mobile-menu-container{display:block}.admin-container{height:50vh;overflow-x:auto;overflow-y:auto;padding:15px;width:auto!important}.admin-header{align-items:flex-start;flex-direction:column;gap:10px;overflow-x:auto;width:80%!important}.table-container{overflow-x:auto;width:60%}.admin-actions{flex-wrap:wrap;gap:10px}.search-input{width:100px}}@media (max-width:480px){.admin-container{height:78vh!important;overflow-x:auto;overflow-y:auto;padding:15px}.admin-header{align-items:flex-start;flex-direction:column;gap:10px;height:fit-content!important;margin-top:5px;overflow:hidden;padding-top:4px;width:auto!important}.table-container{margin-top:2%;overflow-x:auto;width:100%}.admin-actions{align-self:end;flex-wrap:wrap;gap:10px}.search-input{width:100%!important}}@media (max-width:1400px){.admin-container{height:70vh;overflow-x:auto;overflow-y:auto;padding:15px}.admin-header{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:0}.table-container{overflow-x:auto;width:100%}.admin-actions{align-self:end;flex-wrap:wrap;gap:10px}.search-input{width:100px}}.mobile-menu-modal{align-items:flex-start;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.mobile-menu-content{animation:slideIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;margin-top:20px;max-height:80vh;max-width:350px;overflow-y:auto;padding:40px 25px 25px;position:relative;width:100%}.mobile-menu-close{background:none;border:none;color:#666;cursor:pointer;font-size:20px;padding:5px;position:absolute;right:10px;top:10px;z-index:10}.mobile-menu-content .search-container{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;position:relative}.mobile-menu-content .search-container input[type=date]{-webkit-appearance:none;appearance:none}.mobile-menu-content .search-container input[type=date],.mobile-menu-content .search-container select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-height:36px;padding:8px 12px;width:100%}.mobile-menu-content .export-buttons{display:flex;flex-direction:column;gap:12px}.mobile-menu-button{background:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;display:none;font-size:18px;padding:8px 12px}.mobile-menu-content .date-input{position:relative;z-index:1}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.mobile-menu-button{align-items:center;display:flex;justify-content:center}.admin-actions{display:none}.company-logo{height:50px}.company-address{font-size:12px}}@media (max-width:480px){.company-logo{height:40px}.company-address{font-size:11px}}body,html{height:100%;margin:0;overflow:hidden;padding:0}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;display:flex;flex-direction:column;font-family:Times New Roman,Times,serif;justify-content:center;left:0;min-height:100vh;overflow:hidden;padding:20px;position:fixed;top:0;width:100vw}.login-container{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;margin:auto;max-width:400px;padding:30px;width:100%}.login-container h2{color:#333;font-size:24px;margin-bottom:25px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:8px 15px;transition:all .3s;width:62%}.form-group input:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f433;outline:none}.login-container button[type=submit]{background-color:#4285f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:16px;font-weight:700;padding:12px;transition:background-color .3s;width:100%}.login-container button[type=submit]:hover{background-color:#3367d6}.login-footer{bottom:0;color:#fff;font-size:14px;left:0;padding:15px 0;position:absolute;text-align:center;width:100%}.error{background-color:#fde8e8;border-radius:4px;color:#d32f2f;display:inline-block;margin:10px 0;padding:8px 12px}@media (max-width:768px){.login-container{padding:25px}.login-container h2{font-size:22px}}@media (max-width:480px){.login-page{justify-content:flex-start;min-height:100%;padding:40px 10px 10px}.login-container{padding:10px;width:auto}.login-container h2{font-size:20px;margin-bottom:20px}.form-group input{font-size:15px;padding:10px 12px;width:58.5%}.login-footer{font-size:12px;padding:10px 0}}@media (max-height:600px){.login-page{padding-bottom:20px;padding-top:20px}.login-container{margin:10px auto}.form-group{margin-bottom:15px}}
/*# sourceMappingURL=main.0b84de5e.css.map*/