body{background-color:#1e1e2f}.center-text{color:#555;font-size:.8rem;font-style:italic;text-align:center}.login-container{align-items:center;display:flex;height:100vh;justify-content:center}.login-form{background-color:#2c2c3e;border-radius:10px;box-shadow:0 0 20px #00000080;display:flex;flex-direction:column;gap:15px;max-width:400px;padding:40px 30px;width:100%}.login-title{color:#0a84ff;font-size:28px;margin-bottom:20px;text-align:center}.login-form input{background-color:#445;border:none;border-radius:6px;color:#fff;font-size:16px;outline:none;padding:12px 16px}.login-form input::placeholder{color:#ccc}.password-wrapper{position:relative;width:100%}.password-wrapper input{background-color:#445;border:none;border-radius:6px;box-sizing:border-box;color:#fff;font-size:16px;outline:none;padding:12px 40px 12px 16px;width:100%}.eye-icon{color:#323131;cursor:pointer;font-size:18px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.eye-icon:hover{color:#4720e2}.login-form button{background-color:#0a84ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s ease}.login-form button:hover{background-color:#06c}.error-text{color:#ff5c5c;font-size:14px;text-align:center}@media (max-width:480px){.login-form{padding:30px 20px}.login-title{font-size:24px}}body{background-color:#1c1c1e;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.admin-dashboard{min-height:100vh;padding:20px}.admin-dashboard,.admin-header{display:flex;flex-direction:column}.admin-header{align-items:center;margin-bottom:20px}.admin-header h2{font-size:2rem;margin-bottom:10px}.admin-nav{display:flex;flex-wrap:wrap;gap:10px}.admin-nav button{background-color:#2c2c2e;border:1px solid #3a3a3c;border-radius:8px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.admin-nav button:hover{background-color:#3a3a3c}.admin-nav button.active{background-color:#0a84ff;border-color:#0a84ff}.admin-content{background-color:#2c2c2e;border-radius:10px;box-shadow:0 0 8px #00000080;padding:20px}@media (max-width:768px){.admin-nav{align-items:stretch;flex-direction:column}.admin-nav button{background-color:#445;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 20px;width:100%}.admin-nav .active{background-color:#0a84ff}.admin-content{margin-top:30px}}.register-container{background-color:#2c2c3e;border-radius:10px;box-shadow:0 0 15px #00000080;color:#fff;margin:20px auto;max-width:1000px;padding:25px}.register-container h2{color:#0a84ff;margin-bottom:20px;text-align:center}.register-form{display:flex;flex-direction:column;gap:12px}.register-form input{background-color:#445;border:none;border-radius:6px;color:#fff;font-size:16px;outline:none;padding:10px 15px}.register-form input::placeholder{color:#ccc}.buttons{display:flex;justify-content:space-between;margin-top:10px}.register-form button{background-color:#0a84ff;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;margin:0 5px;padding:10px 0;transition:background-color .3s ease}.register-form button:hover{background-color:#06c}.table-wrapper{margin-top:20px;overflow-x:auto}.employee-table{border-collapse:collapse;table-layout:auto;width:100%}.employee-table td,.employee-table th{border:1px solid #ddd;font-size:14px;padding:10px 15px;text-align:left}.employee-table th{background-color:#7124ec;color:#fff;white-space:nowrap}.employee-table img{height:auto;max-width:100%}.employee-table tbody tr:hover{background-color:#445}.table-actions{display:flex;gap:10px;justify-content:space-between;margin:10px 0}.pagination{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:20px}.pagination button{background-color:#fff;border:1px solid #ccc}.pagination .active{background-color:#007bff;border-color:#007bff;color:#fff}@media screen and (max-width:768px){.employee-table thead{display:none}.employee-table,.employee-table tbody,.employee-table td,.employee-table tr{display:block;width:100%}.employee-table tr{background:#f9f9f9;border:1px solid #ccc;border-radius:6px;margin-bottom:15px;padding:10px}.employee-table td{padding-left:50%;position:relative;text-align:right}.employee-table td:before{color:#333;content:attr(data-label);font-weight:700;left:10px;position:absolute;text-align:left;width:45%}.table-actions{align-items:stretch;flex-direction:column;gap:10px}}.leave-container{background-color:#2c2c3e;border-radius:10px;box-shadow:0 0 15px #00000080;color:#fff;margin:20px auto;max-width:700px;padding:25px}.leave-container h2{color:#0a84ff;margin-bottom:20px;text-align:center}.leave-form{display:flex;flex-direction:column;gap:12px}.leave-form input{background-color:#445;border:none;border-radius:6px;color:#fff;font-size:16px;outline:none;padding:10px 15px}.leave-form input::placeholder{color:#ccc}.leave-form button{background-color:#0a84ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 0;transition:background-color .3s ease}.leave-form button:hover{background-color:#06c}.leave-table{background-color:#222236;border-radius:8px;margin-top:25px;padding:15px}.leave-table table{border-collapse:collapse;width:100%}.leave-table td,.leave-table th{border-bottom:1px solid #445;padding:12px 15px;text-align:left}.leave-table th{background-color:#0a84ff;color:#fff;cursor:pointer}.leave-table tbody tr:hover{background-color:#445}.leave-form select[name=leaveType]{background-color:#f9f9f9;border:1px solid #ccc;border-radius:6px;color:#333;font-size:14px;font-weight:500;padding:8px;transition:border-color .3s}.leave-form select[name=leaveType]:focus{background-color:#fff;border-color:#007bff;outline:none}.controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.controls input{background-color:#445;border:none;border-radius:6px;color:#fff;flex:1 1;padding:10px}.controls button{background-color:#0a84ff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 15px}.controls button:hover{background-color:#06c}.leave-table button{background-color:#0a84ff;border:none;border-radius:6px;color:#fff;cursor:pointer;margin:0 4px;padding:6px 10px}.leave-table button:hover{background-color:#06c}.pagination{margin-top:15px;text-align:center}.pagination button{background-color:#2c2c3e;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;margin:0 4px;padding:6px 10px}.pagination button.active{background-color:#0a84ff}.request-popup{background-color:#ff9800;border-radius:6px;box-shadow:0 0 10px #ff980066;color:#fff;margin:10px auto;max-width:100%;padding:10px;text-align:center;width:-webkit-fit-content;width:fit-content}.request-popup button{background-color:#fff;border:none;border-radius:4px;color:#0a84ff;cursor:pointer;margin-top:5px;padding:6px 10px;transition:background-color .3s ease}.request-popup button:hover{background-color:#e0e0e0}@media (max-width:600px){.leave-container{padding:20px 15px}.leave-form button{margin-top:10px}.controls{flex-direction:column}.controls button,.controls input{width:100%}.pagination button{margin:4px 2px}}.create-account-container{background-color:#2c2c3e;border-radius:10px;box-shadow:0 0 15px #00000080;color:#fff;margin:20px auto;max-width:700px;padding:25px}.create-account-container h2{color:#0a84ff;margin-bottom:20px;text-align:center}.create-account-form{display:flex;flex-direction:column;gap:12px}.create-account-form input,.create-account-form select{background-color:#445;border:none;border-radius:6px;color:#fff;font-size:16px;outline:none;padding:10px 15px}.create-account-form input::placeholder{color:#ccc}.create-account-form button{background-color:#0a84ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 0;transition:background-color .3s ease}.create-account-form button:hover{background-color:#06c}.account-feedback{background-color:#222236;border-radius:8px;box-shadow:0 0 10px #0f03;color:#0f0;margin-top:15px;padding:15px;text-align:center}@media (max-width:600px){.create-account-container{padding:20px 15px}.create-account-form button{margin-top:10px}.show-password-toggle{align-items:center;color:#ccc;display:flex;font-size:14px;gap:6px}}.message-container{font-family:Arial,sans-serif;padding:20px}.message-title{font-size:24px;margin-bottom:20px;text-align:center}.notice-text{background-color:#ffe5e5;border:1px solid red;border-radius:5px;color:red;font-size:.85rem;margin-bottom:10px;max-width:100%;padding:5px;text-align:center;word-break:break-word}.search-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.search-bar input{flex:1 1;font-size:14px;min-width:200px;padding:.5rem}.message-table-wrapper{overflow-x:auto}.message-table{background-color:#222236;border-collapse:collapse;border-radius:8px;margin-top:25px;min-width:600px;padding:15px;width:100%}.message-table td,.message-table th{border-bottom:1px solid #445;padding:12px 15px;text-align:left}.message-table th{background-color:#0a84ff;color:#fff;cursor:pointer}.status.approved{color:green;font-weight:700}.status.rejected{color:red;font-weight:700}.status.pending{color:orange;font-weight:700}.button-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.approve-btn,.reject-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s}.approve-btn{background-color:#4caf50;color:#fff}.reject-btn{background-color:#f44336;color:#fff}.approve-btn:hover{background-color:#45a049}.reject-btn:hover{background-color:#e53935}@media (max-width:768px){.message-container{padding:10px}.message-title{font-size:20px}.search-bar{flex-direction:column;gap:.5rem}.message-table td,.message-table th{font-size:13px;padding:10px}.approve-btn,.reject-btn{font-size:12px;padding:5px 10px}}@media (max-width:480px){.message-title{font-size:18px}.button-group{flex-direction:column;gap:6px}.message-table td,.message-table th{font-size:12px;padding:8px}.approve-btn,.reject-btn{font-size:13px;padding:6px 0;width:100%}}.user-dashboard{background:linear-gradient(135deg,#1c1c1e,#2c2c2e);color:#f1f1f1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.user-dashboard h2{color:#fff;font-size:26px;margin-bottom:20px}.user-dashboard h3{color:#d1d1d1;font-size:20px;margin-bottom:10px;margin-top:30px}.user-dashboard input[type=text],.user-dashboard textarea{background-color:#3a3a3c;border:1px solid #555;border-radius:6px;color:#f1f1f1;font-size:14px;margin-bottom:10px;max-width:100%;padding:10px;width:300px}.user-dashboard textarea{height:80px;resize:vertical}.user-dashboard button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s}.user-dashboard button:hover{background-color:#0056b3}.user-dashboard p{color:#eaeaea;font-size:14px;margin:5px 0}.user-dashboard strong{color:#fff}.user-dashboard .status-approved{color:#28a745;font-weight:700}.user-dashboard .status-pending{color:#ffc107;font-weight:700}.user-dashboard .loading{color:#ccc;font-style:italic}.contact-links{display:flex;gap:20px;margin-top:20px;text-decoration:underline}.contact-button{color:#fff;text-decoration:none}
/*# sourceMappingURL=main.9282f83e.css.map*/