body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.video-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}#intro-video{height:100%;object-fit:cover;width:100%}.overlay-image{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:280px;z-index:10000}@media (max-width:768px){.overlay-image{width:200px}#intro-video{object-fit:contain}}@media (max-width:480px){.overlay-image{width:150px}#intro-video{background-color:#000;width:900px}}.login-container{display:flex;flex-wrap:wrap;font-family:Arial,sans-serif;height:100vh;margin:0;overflow:hidden;overflow-y:auto;padding:0;width:100vw}.image-container{flex:1 1;height:100%;min-width:50%;position:relative}.background-image{display:block;height:100%;object-fit:cover;width:100%}.image-container:after{background:rgba(0,0,0,.817);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.form-container{align-items:center;background-color:#000;display:flex;flex:1 1;height:100%;justify-content:center;min-width:50%}.login-box{background-color:#121212;border-radius:8px;box-sizing:border-box;color:#fff;max-width:400px;padding:40px;width:100%}.logo-wrapper{display:flex;justify-content:center;margin-bottom:1rem}.input-group{color:#fff;margin-bottom:20px}.input-group label{display:block;font-weight:700;margin-bottom:6px}.input-group input,.input-group select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:10px;width:100%}.login-btn{background-color:#ff4500;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:12px;width:100%}.login-btn:hover{background-color:#bc5b38}.signup-text{font-size:14px;margin-top:15px;text-align:center}.signup-text a{color:#ff4500;text-decoration:none}.signup-text a:hover{text-decoration:underline}.toggle-text{color:#fff;font-size:14px;margin-top:15px;text-align:center}.link-text{color:#ff4500;cursor:pointer;text-decoration:underline}.link-text:hover{text-decoration:none}@media (max-width:768px){.login-container{flex-direction:column;height:auto}.form-container{height:auto;order:1;padding:20px 0;width:100%}.image-container{height:250px;order:2;width:100%}.background-image{height:100%;object-fit:cover;width:100%}.login-box{border-radius:0;max-width:100%;padding:20px;width:100%}}@media (max-width:480px){.login-box{padding:15px}.input-group input,.input-group select{padding:8px}.login-btn{padding:10px}h2{font-size:20px}.signup-text,.toggle-text{font-size:12px}}.header{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2.5rem;position:relative;z-index:1000}.logo{height:40px;object-fit:contain;width:auto}.hamburger{color:#fff;cursor:pointer;display:none;font-size:2rem;z-index:1100}.nav-links{align-items:center;display:flex;margin-left:auto}.nav-links a{color:#fff;font-size:18px;font-weight:500;margin-left:1rem;position:relative;text-decoration:none}.nav-links a:before{background-color:#ff4500;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.nav-links a:hover{color:#ff4500}.nav-links a:hover:before{width:100%}.profile-dropdown{align-items:center;cursor:pointer;display:flex;gap:10px;margin-left:1rem;position:relative}.profile-img{border-radius:50%;height:35px;object-fit:cover;width:35px}.profile-name{color:#ff4500;font-size:20px;font-weight:600}.dropdown-menu{background:#2c2c2c;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;padding:10px;position:absolute;right:0;top:50px;width:180px;z-index:10}.profile-info{align-items:center;border-bottom:1px solid #444;display:flex;gap:10px;padding-bottom:10px}.profile-info img{border-radius:50%;height:35px;width:35px}.dropdown-menu a,.logout-btn{color:#fff;cursor:pointer;display:block;padding:10px 0;text-decoration:none}.dropdown-menu a:hover,.logout-btn:hover{color:#ff4500}@media (max-width:768px){.hamburger{display:block}.nav-links{background-color:#111;flex-direction:column;height:100%;margin-left:0;padding:2rem 1.5rem;position:fixed;right:-300px;top:0;transition:right .3s ease-in-out;width:250px;z-index:1050}.nav-links.open{right:0}.nav-links a{font-size:20px;margin:1rem 0}.overlay{background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1040}}.header-employees{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2.5rem;position:relative}.employees-container{padding:2rem}.add-employee-form{display:flex;gap:1rem;margin-bottom:1rem}.employee-table{border-collapse:collapse;width:100%}.employee-table td,.employee-table th{border:1px solid #ccc;padding:.75rem;text-align:left}.employee-table th{background-color:#f5f5f5}button{background-color:#d9534f;padding:.5rem 1rem}button:hover{background-color:#c9302c}.overlay{align-items:center;background:#00000080;display:flex;justify-content:center;z-index:9999}.card-popup{animation:slideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000004d;max-width:90vw;padding:2rem;position:relative;width:400px;z-index:10000}.card-popup h3{margin-bottom:1rem;text-align:center}.card-popup .form input,.card-popup .form select{border:1px solid #ddd;border-radius:8px;margin-bottom:1rem;padding:10px;width:100%}.popup-buttons{display:flex;gap:1rem;justify-content:space-between}.submit-btn{background:#2e8b57;color:#fff}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;padding:10px}.cancel-btn{background:#ccc;color:#333}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.hr-leave-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;border-radius:12px;color:#fff;font-family:Segoe UI,sans-serif;margin:30px auto;max-width:1200px;overflow:hidden;padding:30px;position:relative;z-index:2}.background-leave-hr{height:100%;left:0;object-fit:cover;position:fixed;top:0;width:100%;z-index:-2}.background-leave-hr:after{background:rgba(0,0,0,.537);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}h2{margin-bottom:20px;text-align:center}.leave-table{display:flex;flex-direction:column;gap:10px;overflow-x:auto}.table-header,.table-row{grid-gap:10px;background-color:#e8e8e8;border-radius:8px;display:grid;gap:10px;grid-template-columns:1.2fr 1.2fr 1.2fr 1.2fr 1.5fr 1fr 1.5fr;min-width:1000px;padding:10px}.table-header{background-color:#ff4500;color:#fff;font-weight:700}.table-row{background-color:#b42424;box-shadow:0 2px 4px #0000001a}.column{padding:8px;text-align:center;word-break:break-word}.actions{display:flex;gap:8px;justify-content:center}button{background-color:#ff4500;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:2px;padding:8px 12px}button:hover{opacity:.9}button:nth-child(2){background-color:#f44336}button:nth-child(2):hover{opacity:.9}.document-preview{border:1px solid #555;border-radius:6px;display:block;height:auto;margin:0 auto;max-height:100px;object-fit:contain;width:80px}.daily-report-container{align-items:flex-start;box-sizing:border-box;display:flex;gap:20px;justify-content:center;min-height:100vh;padding:20px}.background-daily-report{height:100%;left:0;object-fit:cover;position:fixed;top:0;width:100%;z-index:-2}.background-daily-report:after{background:rgba(0,0,0,.379);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.left-form,.right-report{background-color:#1e1e1ea8;border-radius:10px;box-sizing:border-box;color:#fff;flex:1 1;margin:0 10px;max-width:700px;padding:20px}.daily-button{background-color:#ff4500;cursor:pointer;font-weight:700}.daily-button,.daily-input,textarea.daily-input{border:none;border-radius:5px;color:#fff;margin:10px 0;padding:10px;width:100%}.daily-input,textarea.daily-input{background-color:#2c2c2c;box-sizing:border-box;display:block;font-family:inherit;font-size:1rem;min-height:50px;resize:vertical}@media (max-width:768px){.daily-report-container{align-items:center;flex-direction:column;min-height:auto;padding:15px}.left-form,.right-report{border-radius:15px;margin:10px 0;max-width:450px;padding:15px;width:100%}.daily-button,.daily-input{font-size:16px}.daily-table{font-size:14px}.right-report{overflow-x:auto}}.calendar-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:40px 20px;position:relative}.background-calendar{height:100%;left:0;object-fit:cover;position:fixed;top:0;width:100%;z-index:-2}.calendar-container{background:rgba(6,5,5,.475);border-radius:16px;box-shadow:0 8px 25px #0003;color:#fff;display:flex;flex-direction:row;gap:40px;max-width:1100px;padding:40px;width:100%}.calendar-summary{flex:1 1;text-align:left}.calendar-summary h2{color:#ff4500;font-size:2rem;margin-bottom:16px}.calendar-summary p{font-size:1.1rem;margin:6px 0}.month-dropdown{background:#fff;border:1px solid #ccc;border-radius:8px;font-size:1rem;margin-bottom:16px;padding:8px 12px}.calendar-chart{flex:1 1;max-width:500px}@media (max-width:768px){.calendar-page{padding:20px 10px}.calendar-container{flex-direction:column;gap:20px;max-width:100%;padding:20px}.calendar-summary{text-align:center}.calendar-summary h2{font-size:1.6rem}.calendar-summary p{background:#ffffff0d;border-left:4px solid #ff4500;border-radius:8px;margin:6px 0;padding:6px 10px}.month-dropdown{display:block;margin:0 auto 16px;max-width:300px;width:100%}.calendar-chart{max-width:100%;width:100%}}.legend-working{color:#4caf50}.legend-vacant{color:#2196f3}.legend-leave{color:#f44336}.background-checkin{object-fit:cover;z-index:-2}.background-checkin,.overlay{height:100vh;left:0;position:fixed;top:0;width:100vw}.overlay{background-color:#0009;z-index:-1}.checkin-container{background-color:#000000bf;border-radius:15px;box-shadow:0 0 20px #000;color:#fff;margin:5vh auto;max-width:400px;padding:20px 30px;text-align:center}.checkin-container h2{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:20px}.location-status{font-size:1rem;margin-bottom:20px}.location-status.in-office{color:#4caf50}.location-status.out-office{color:#f44336}.check-btn{background-color:#ff5722;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin:6px;padding:12px 24px;transition:background-color .3s ease}.check-btn:disabled{background-color:#777;cursor:not-allowed}.check-btn:hover:not(:disabled){background-color:#e64a19}.preview-wrapper{border-radius:10px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.preview-wrapper img,.preview-wrapper video{border-radius:10px;display:block;height:auto;width:100%}canvas.hidden{display:none}.video-frame{border-radius:10px;margin-bottom:15px;width:100%}.hidden-canvas{display:none}.captured-preview{margin-top:20px}.captured-image{border-radius:10px;margin-top:8px;width:100%}.text-white{color:#fff;margin-bottom:15px}@media (max-width:480px){.checkin-container{padding:15px;width:90%}.check-btn{font-size:.95rem;padding:10px 20px}.preview-wrapper img,.preview-wrapper video{height:auto!important;width:100%!important}}.leave-container{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;color:#fff;display:flex;font-family:Segoe UI,sans-serif;gap:50px;justify-content:center;min-height:100vh;overflow:hidden;padding:50px;z-index:1}.background-leave{height:100%;left:0;object-fit:cover;position:fixed;top:0;width:100%;z-index:-2}.background-leave:after{background:rgba(0,0,0,.537);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.glass{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1e1e1e00;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0006;padding:30px}.form-card,.summary-card{width:450px}.form-card h2,.summary-card h3{margin-bottom:20px;text-align:center}.leave-form{display:flex;flex-direction:column;gap:15px}.leave-form input,.leave-form textarea{background-color:#2a2a2a;border:none;border-radius:10px;color:#fff;font-size:16px;padding:12px}.leave-form input::placeholder,.leave-form textarea::placeholder{color:#bbb}.leave-form input[type=file]{background-color:initial;color:#ccc;padding:5px}.file-upload{align-items:center;display:flex;gap:10px;margin-bottom:10px}.file-name{color:#333;font-style:italic}.leave-form button{background:linear-gradient(135deg,#ff4500,tomato);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;padding:14px;transition:background .3s}.leave-form button:hover{background:linear-gradient(135deg,tomato,#ff4500)}.leave-info{margin-top:20px}.info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.leave-table{background-color:#2a2a2a;border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}.leave-table td,.leave-table th{border-bottom:1px solid #444;padding:12px;text-align:left}.leave-table th{background-color:#1e1e1e;color:tomato;font-weight:700}.leave-table tr:hover{background-color:#383838}.leave-table td{color:#ddd}.leave-table .pending{color:orange;font-weight:700}.leave-table .approved{color:#90ee90;font-weight:700}.leave-table .rejected{color:red;font-weight:700}@media (max-width:768px){.leave-container{align-items:center;flex-direction:column;gap:30px;min-height:auto;padding:20px}.form-card,.summary-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1e1e1e66;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0006;max-width:450px;padding:20px;width:100%}.leave-container>.form-card{margin-bottom:20px;order:1}.leave-container>.summary-card{order:2}}.dashboard-container{background-color:#00000080;border-radius:16px;box-shadow:0 6px 20px #00000026;color:#222;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:1400px;padding:30px;text-align:center;z-index:1}.background-emp-dashboard{height:100%;left:0;object-fit:cover;position:fixed;top:0;width:100%;z-index:-2}.dashboard-container h1{color:#ff4500;font-size:2.6rem;font-weight:700;margin-bottom:36px}.dashboard-cards{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.card{background:#000c;border-radius:14px;box-shadow:0 4px 12px #0003;cursor:pointer;flex-basis:calc(30% - 30px);flex-grow:1;flex-shrink:1;max-width:100%;min-width:280px;padding:32px 26px;transition:box-shadow .3s ease,transform .2s ease}.card:hover{box-shadow:0 8px 24px #00000040;transform:translateY(-5px)}.card h3{color:#ff4500;font-size:1.4rem;font-weight:600;margin-bottom:16px}.card p{color:#fff;font-size:1.1rem;margin:10px 0}.card button{background-color:#f40c;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:20px;padding:12px 24px;transition:background-color .3s ease}.card button:hover{background-color:#ff4500}.edit-profile-page{align-items:center;background:#1e1e1e;color:#fff;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.edit-profile-container{background:#2a2a2a;border-radius:16px;box-shadow:0 8px 25px #0000004d;max-width:400px;padding:30px;width:100%}.edit-profile-container h2{color:#ff4500;margin-bottom:20px;text-align:center}.profile-image-preview{display:flex;justify-content:center;margin-bottom:20px}.profile-image-preview img{border:3px solid #fff;border-radius:50%;height:120px;object-fit:cover;width:120px}.edit-profile-container form{display:flex;flex-direction:column}.edit-profile-container label{margin-bottom:6px;margin-top:10px}.edit-profile-container input{border:none;border-radius:8px;font-size:1rem;outline:none;padding:10px}.edit-profile-container button{background-color:#ff4500;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:12px;transition:background .3s ease}.edit-profile-container button:hover{background-color:#ff5722}.reports-page{align-items:flex-start;background-color:#121212;display:flex;font-family:Arial,sans-serif;gap:20px;justify-content:center;min-height:100vh}.employee-list,.reports-page{box-sizing:border-box;color:#fff;padding:20px}.employee-list{background-color:#1e1e1ea8;border-radius:10px;flex:0.3 1;max-width:350px}.employee-list ul{list-style:none;margin:0;padding:0}.employee-list li{background-color:#2c2c2c;border-radius:5px;cursor:pointer;margin-bottom:8px;padding:10px;transition:background-color .3s,color .3s}.employee-list li.active,.employee-list li:hover{background-color:#ff4500;color:#fff}.employee-report{background-color:#1e1e1ea8;border-radius:10px;flex:0.7 1;max-width:700px;padding:20px}.daily-input,.employee-report{box-sizing:border-box;color:#fff}.daily-input{background-color:#2c2c2c;border:none;border-radius:5px;font-family:inherit;font-size:1rem;margin:10px 0;padding:10px;width:100%}.daily-table{border-collapse:collapse;margin-top:20px;width:100%}.daily-table td,.daily-table th{border:1px solid #333;padding:10px;text-align:left}.completed{background-color:#2e7d32;color:#fff}.pending{background-color:#b71c1c;color:#fff}@media (max-width:768px){.reports-page{align-items:center;flex-direction:column;min-height:auto;padding:15px}.employee-list,.employee-report{border-radius:15px;margin-bottom:15px;max-width:450px;padding:15px;width:100%}.daily-input{font-size:16px}.daily-table{font-size:14px}.employee-report{overflow-x:auto}}
/*# sourceMappingURL=main.ad35fce6.css.map*/