body{background-color:#f5f6fa;color:#333;margin:0;padding:0}.login-page,body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-page{align-items:center;background:linear-gradient(135deg,#4f46e5,#818cf8);display:flex;height:100vh;justify-content:center}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;padding:40px 30px;text-align:center;transition:transform .3s ease;width:350px}.login-card:hover{transform:translateY(-5px)}.login-title{color:#4f46e5;font-size:24px;font-weight:700;margin-bottom:5px}.login-subtitle{color:#555;font-size:14px;margin-bottom:25px}.login-form input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:14px;margin-bottom:15px;padding:12px 15px!important;transition:all .2s;width:100%}.login-form input:focus{border-color:#4f46e5;box-shadow:0 0 5px #4f46e54d;outline:none}.login-form button{background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:all .2s;width:100%}.login-form button:hover{background-color:#4338ca}.login-footer{color:#aaa;font-size:12px;margin-top:20px}@media (max-width:400px){.login-card{padding:30px 20px;width:90%}}.dashboard-container{margin:0 auto;max-width:1200px;padding:20px}.summary-cards{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.summary-cards .card{background-color:#4f46e5;border-radius:10px;box-shadow:0 4px 12px #0000001a;color:#fff;flex:1 1;min-width:150px;padding:20px;text-align:center;transition:transform .2s}.summary-cards .card:hover{transform:translateY(-5px)}.summary-cards .card h3{font-size:16px;margin:0 0 10px}.summary-cards .card p{font-size:24px;font-weight:700;margin:0}.print-area{margin-top:10px;overflow-x:auto}table{background-color:#fff;border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}thead{background-color:#4f46e5;color:#fff}td,th{border-bottom:1px solid #e0e0e0;font-size:14px;padding:12px 10px;text-align:left}tbody tr:hover{background-color:#f1f3f8}button{border:none;border-radius:5px;cursor:pointer;font-weight:500;margin-right:5px;padding:5px 10px;transition:background .2s}button:hover{opacity:.8}button:first-of-type{background-color:#4f46e5;color:#fff}button:last-of-type{background-color:#ef4444;color:#fff}input[type=text],select{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:8px 10px}input[type=text]:focus,select:focus{border-color:#4f46e5;box-shadow:0 0 5px #4f46e54d;outline:none}.modal-content{background:#fff;border-radius:10px;box-shadow:0 8px 20px #0003;max-width:90%;padding:25px;text-align:center;width:400px}.modal-content h2{font-size:20px;margin-bottom:15px}.modal-content p{font-size:16px;margin-bottom:20px}.modal-content button{margin:5px;padding:8px 15px}.employee-modal{animation:fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-width:95%;padding:30px 25px;position:relative;width:400px}.employee-modal h2{color:#4f46e5;margin-bottom:20px;text-align:center}.employee-form label{display:block;font-size:14px;font-weight:500;margin-bottom:5px}.employee-form input,.employee-form select{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:14px;margin-bottom:15px;padding:10px;transition:all .2s;width:100%}.employee-form input:focus,.employee-form select:focus{border-color:#4f46e5;box-shadow:0 0 5px #4f46e54d;outline:none}.preview-img{border:2px solid #4f46e5;border-radius:50%;display:block;height:100px;margin:10px auto;object-fit:cover;width:100px}.form-buttons{display:flex;gap:10px;justify-content:space-between}.employee-form button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px;transition:all .2s}.employee-form button:hover{opacity:.9}.employee-form .cancel-btn{background:#ef4444;color:#fff}.employee-form button[type=submit]{background:#4f46e5;color:#fff}.modal{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.summary-cards{flex-direction:column}td,th{font-size:13px;padding:8px}button{margin-bottom:5px}}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{left:0;position:absolute;top:0;width:100%}}
/*# sourceMappingURL=main.fdc5b23f.css.map*/