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;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}body{background-color:#f4f7fc;color:#333;font-family:Arial,sans-serif}.main{display:flex;height:100vh}.content{flex:1 1;overflow-y:auto}.loading-spinner{color:#666;font-size:18px}.bodys,.loading-spinner{align-items:center;display:flex;height:100vh;justify-content:center}.bodys{background:linear-gradient(135deg,#194ab4,#719bda);font-family:Arial,sans-serif;margin:0;padding:0}.intro-container{background:#00000080;border-radius:10px;box-shadow:0 4px 6px #0000004d;color:#fff;padding:30px;text-align:center}h1{font-size:3rem;margin-bottom:20px}.first-button{background-color:#fff;border:none;border-radius:5px;color:#333;cursor:pointer;font-size:1.2rem;margin:10px;padding:15px 30px;transition:all .3s ease}.first-button:hover{background-color:#0d94e2;color:#fff;transform:translateY(-5px)}.first-button:active{transform:translateY(2px)}.first-button:focus{outline:none}.dashboard-container{background-color:#f8f9fa;min-height:100vh;padding:15px;text-align:center}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.dashboard-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.dashboard-card h2{color:#007bff;margin-top:0}.dashboard-card ul{list-style-type:none;padding:0}.dashboard-card li{border-bottom:1px solid #eee;padding:5px 0}.dashboard-card a{color:#007bff;font-weight:700;text-decoration:none}.dashboard-card a:hover{text-decoration:underline}.checkin-checkout-panel{background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000026;max-width:280px;padding:20px;text-align:center;z-index:9999}.checkin-button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:14px 28px;width:100%}.checkin-button.disabled{background-color:#ccc;cursor:not-allowed}.timer-container{align-items:center;display:flex;flex-direction:column}.timer-display{color:#2196f3;font-size:32px;font-weight:700;letter-spacing:2px;margin-bottom:15px}.action-buttons{gap:10px}.checkout-button,.toggle-break-button{border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;max-width:120px;padding:10px 20px}.toggle-break-button.break{background-color:#ff5722}.toggle-break-button.resume{background-color:#4caf50}.checkout-button{background-color:#f44336}.app-container{max-width:100px}.action-buttons{position:sticky;top:0}.dependent-block,.education-block{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin-top:20px;padding:20px}@media (max-width:768px){.app-container{padding:10px}.upload-form{padding:20px}.page-title{font-size:1.5rem}.section-title{font-size:1.3rem}.form-grid{gap:15px;grid-template-columns:1fr}.action-buttons{align-items:center;flex-direction:column;gap:10px}.btn{max-width:300px;width:100%}}@media (max-width:480px){.form-control{font-size:16px}}.tree-container{margin-top:20px}.tree-header{font-size:24px;margin-bottom:10px}.node{align-items:center;display:flex;margin-bottom:15px;position:relative}.node-button{cursor:pointer;margin-right:10px}.node-title{font-size:14px}.node-strong{color:green;font-weight:700}.node-children{margin-left:40px;padding-left:20px;position:relative}.node-line{background-color:#000;bottom:10px;left:0;position:absolute;top:10px;width:1px}.main-container{padding-left:30px;padding-right:30px}.heading{font-size:2rem;margin-bottom:20px}.button-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;width:100%}.toggle-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;min-width:150px;padding:12px 20px;transition:background-color .3s ease}.toggle-button:hover{background-color:#0056b3}.add-form-container{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:25px;padding:25px;width:100%}.add-form-container h3{color:#333;margin-bottom:15px;text-align:center}.form{display:flex;flex-direction:column;gap:15px;max-width:100%}.form-group{width:100%}.form-group label{color:#555;display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:10px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.submit-button{align-self:flex-start;background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 20px;transition:background-color .3s ease}.submit-button:hover{background-color:#218838}.alert{font-weight:500;margin:10px 0;padding:12px;text-align:center;width:100%}.alert.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.list-container{margin-top:30px;width:100%}.list-container h3{color:#333;margin-bottom:15px;text-align:center}.list{list-style:none;padding:0;width:100%}.list-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.dept-header,.list-item{margin-bottom:15px;width:100%}.dept-header{align-items:center;display:flex;justify-content:space-between}.dept-header strong{color:#333;font-size:1.2rem}.nested-list{list-style:none;margin:0;padding-left:20px;width:100%}.nested-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0;width:100%}.nested-item:last-child{border-bottom:none}.edit-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:16px;padding:5px;transition:color .3s ease}.edit-button:hover{color:#0056b3;transform:scale(1.1)}@media (max-width:768px){.heading{font-size:1.5rem}.button-group{align-items:center;flex-direction:column}.toggle-button{max-width:300px;width:100%}.add-form-container,.list-item{padding:15px}.dept-header{gap:10px}.dept-header,.nested-item{align-items:flex-start;flex-direction:column}.nested-item{gap:5px}}@media (max-width:480px){.add-form-container,.list-item{margin:0 10px}}.help-page{background-color:#f9f9f9;color:#333;font-family:Arial,sans-serif;margin:0;padding:20px}header{margin-bottom:40px;text-align:center}header h1{font-size:2.5rem;margin-bottom:10px}header p{font-size:1.2rem}section{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}section h2{font-size:1.8rem;margin-bottom:15px}footer{color:#555;font-size:1rem;margin-top:40px;text-align:center}footer p{font-style:italic}.navbar{background-color:#333;padding:10px 20px}.navbar-primary{background-color:#007bff}.navbar-dark{background-color:#333;color:#fff}.nav-links{align-items:center;display:flex;justify-content:space-between}.nav-link{margin:0 10px;padding:10px}.menu-icon{cursor:pointer;display:none}.bar{background-color:#fff;display:block;height:4px;margin:4px 0;width:25px}.dropdown-menu{left:0;top:30px}@media (max-width:768px){.menu-icon{display:block}.nav-links{display:none;flex-direction:column;width:100%}.nav-links.active{display:flex}.nav-link{padding:10px 20px;text-align:center;width:100%}}.app-container{font-family:Arial,sans-serif;padding:40px;text-align:center}.heading{color:#333;font-size:2.5rem;font-weight:600;margin-bottom:40px;text-align:center}.add-employee-btn{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1.2rem;margin:20px auto;padding:12px 24px;transition:background-color .3s ease,transform .3s ease}.add-employee-btn:hover{background-color:#0056b3;transform:scale(1.02)}.image-table{background-color:#fff;border-collapse:collapse;box-shadow:0 4px 12px #0000001a;margin-top:20px;width:100%}.image-table td,.image-table th{border:1px solid #ddd;padding:14px;text-align:center}.image-table th{background-color:#2d3e50;color:#fff;font-weight:700}.image-table td{background-color:#f9f9f9;font-size:1rem}.image-table tr:nth-child(2n){background-color:#f1f1f1}.image-table tr:hover{background-color:#f5f5f5}.action{display:flex;gap:20px}.image-table td button{background:none;border:none;cursor:pointer;font-size:1.3rem;margin:0;transition:color .3s ease,transform .2s ease}.image-table td button.edit-btn{color:#4caf50}.image-table td button.delete-btn{color:tomato}.image-table td button:hover{transform:scale(1.2)}.image-table td button.view-btn:hover{color:#082109}.image-table td button.edit-btn:hover{color:#45a049}.image-table td button.delete-btn:hover{color:#e74c3c}@media screen and (max-width:768px){.heading{font-size:2rem}.add-employee-btn{font-size:1rem;padding:10px 15px}.image-table td,.image-table th{font-size:14px;padding:8px}.image-table td button{font-size:1rem}}html{scroll-behavior:smooth}.confirmation-alert button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.confirmation-alert button.cancel{background-color:tomato}.confirmation-alert button:hover{transform:scale(1.05)}.timeline-container{align-items:center;display:flex;gap:1.5rem;padding:.5rem 0;width:100%}.timeline-bar-wrapper{padding:1rem 0}.timeline-bar{background-color:#e0e0e0;border-radius:6px;display:flex;height:12px;overflow:hidden}.timeline-segment{height:100%;transition:all .2s ease-in-out}.timeline-segment:hover{transform:scaleY(1.5);z-index:10}.timeline-segment.work{background-color:#64b5f6}.timeline-segment.break{background-color:#ffb74d}.timeline-labels{color:#616161;display:flex;font-size:.75rem;justify-content:space-between;left:0;position:absolute;right:0;top:0}.time-label{position:absolute;transform:translateX(-50%)}.time-label.checkin-label{left:0}.time-label.checkout-label{right:0;transform:translateX(50%)}.total-hours{color:#424242;font-size:.9rem;font-weight:600;min-width:50px;text-align:right}.status-container{align-items:center;display:flex;gap:1rem;width:20%}.status-indicator{border-radius:4px;font-size:.9rem;font-weight:700;padding:.25rem .5rem}.absent .status-indicator{background-color:#f44336;color:#fff}.on-duty .status-indicator{background-color:#2196f3;color:#fff}.on-duty .status-bar{background-color:#2196f3;border-radius:6px;flex-grow:1;height:12px}.break-label{background-color:#fff;border-radius:4px;color:#424242;font-size:.7rem;font-weight:600;left:50%;padding:2px 5px;position:absolute;top:-1.25rem;transform:translateX(-50%);white-space:nowrap;z-index:10}.timeline-bar-wrapper{flex-grow:1;padding:1rem 0 1.5rem;position:relative}.timeline-bar{z-index:1}.timeline-labels{z-index:5}.attendance-container{font-family:Arial,sans-serif;padding:20px}.attendance-container h2{margin-bottom:20px;text-align:center}.week-navigation{margin:20px 0;text-align:center}.week-navigation button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:0 10px;padding:8px 16px}.week-navigation button:disabled{background-color:#ccc;cursor:not-allowed}.week-label{font-weight:700;margin:0 20px}.attendance-table{border-collapse:collapse;margin-bottom:30px;table-layout:fixed;width:100%}.attendance-table td,.attendance-table th{border:1px solid #ddd;padding:12px;text-align:center;vertical-align:middle}.attendance-table th:first-child{background-color:#f2f2f2;width:20%}.attendance-table td:first-child{width:20%}.templates-container{margin:0 auto;max-width:1200px;padding:20px}.create-section,.list-section{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:40px;padding:20px}.section-block{border:1px solid #ccc;border-radius:4px;margin-bottom:15px;padding:15px}.form-group{margin-bottom:10px}.form-control{border:1px solid #ccc;border-radius:4px;padding:8px;width:100%}.btn{margin-bottom:10px;margin-right:10px}.btn-primary{background:#007bff}.btn-secondary{background:#6c757d}.btn-danger{background:#dc3545}.templates-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.template-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:15px}.alert{background:#d1ecf1;border:1px solid #bee5eb;border-radius:4px;margin-bottom:20px;padding:10px}.required{color:red}h3{margin-bottom:5px}.template-preview-container{color:#333;font-family:Helvetica,Arial,sans-serif;line-height:1.6;margin:20px auto;max-width:800px;padding:20px}.preview-header{align-items:center;border-bottom:2px solid #007bff;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.preview-header h2{color:#007bff;margin:0;text-align:left}.header-actions{display:flex;gap:10px}.btn{border-radius:4px;display:inline-block;font-size:14px;padding:8px 16px;pointer-events:auto;text-decoration:none;transition:background-color .3s}.btn-primary{background-color:#007bff}.btn-primary:disabled{background-color:#a7cdf2;color:#fff;cursor:not-allowed}.btn-primary:hover{background-color:#0056b3}a{margin:0}.preview-pages-wrapper{display:flex;flex-direction:column;gap:20px}.preview-page{background:#fff;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:1122px;overflow:hidden;page-break-after:always;position:relative;width:100%}.preview-body{border:1px solid #ddd;box-sizing:border-box;flex:1 1;margin:10px;overflow-y:auto;padding:20px;text-align:left}.preview-body p{margin-bottom:10px;text-align:left}p strong{color:#000}.preview-section{margin-bottom:20px;padding:10px 0 10px 10px;text-align:left}.preview-heading{border-bottom:1px solid #eee;font-weight:700;margin-bottom:10px;padding-bottom:5px;text-align:left}.preview-paragraph{-webkit-hyphens:auto;hyphens:auto;margin-bottom:12px;text-align:justify}.placeholder{background:#fff3cd;border:1px dashed #ffc107;border-radius:2px;color:#856404;font-weight:700;padding:2px 4px}.preview-footer{border-top:1px solid #ddd;flex-shrink:0;font-style:italic;line-height:1.8;margin-top:auto;padding:20px 10px 10px;text-align:center}@media print{.header-actions,.preview-header .btn{display:none}.preview-page{box-shadow:none;height:auto;margin-bottom:20px;page-break-after:always}.preview-body{border:none;height:auto;margin:0;overflow:visible;padding:20px}.placeholder{background:none;border:none;font-style:italic}}.sidebar{background-color:#007bff;box-shadow:2px 0 5px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;width:250px}.sidebar-brand{border-bottom:1px solid #ffffff1a;padding:20px}.sidebar-brand strong{font-size:1.5rem}.sidebar-brand a{text-decoration:none}strong{color:#fff;font-weight:700}.sidebar-nav{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:20px 0;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-list{list-style:none;margin:0;padding:0}.section{margin-bottom:20px}.section-header{align-items:center;background-color:#ffffff0d;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:space-between;padding:10px;transition:background-color .2s}.section-header:hover{background-color:#ffffff1a}.chevron{font-size:.8rem;transition:transform .2s}.chevron.expanded{transform:rotate(180deg)}.section-sub-list{list-style:none;margin:0 0 0 10px;max-height:1000px;overflow:hidden;padding:0;transition:max-height .3s ease-out,opacity .3s ease-out}.section-sub-list.collapsed{max-height:0;opacity:0;transition:max-height .3s ease-in,opacity .3s ease-in}.subsection{margin:10px 0}.subsection-header{align-items:center;background-color:#ffffff08;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;padding:8px 20px 8px 30px;transition:background-color .2s}.subsection-header:hover{background-color:#ffffff14}.nav-item{margin-bottom:1px}.nav-link{padding:12px 20px}.nav-link,.nav-link-dashboard{color:#fff;display:block;font-size:1rem;text-decoration:none;transition:background-color .2s}.nav-link-dashboard{padding:10px;text-align:left}.nav-link:hover{background-color:#ffffff1a;text-decoration:none}.sidebar-footer{background-color:#0000001a;border-top:1px solid #ffffff1a;padding:20px}.welcome-text{color:#fff;font-size:.9rem;margin:0 0 10px}.user-info{display:inline-block;position:relative}.user-info h6{color:#fff;cursor:pointer}.dropdown-menu{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 10px #0000001a;display:none;padding:10px;position:absolute;right:0;top:-80px;z-index:100}.user-info:hover .dropdown-menu{display:block}.dropdown-menu .nav-link{color:#333;display:block;padding:5px 10px;text-decoration:none}.dropdown-menu .nav-link:hover{background-color:#138bfa;border-radius:3px;color:#fff}@media (max-width:768px){.sidebar{position:fixed;transform:translateX(-100%);transition:transform .3s;z-index:1000}.sidebar.open{transform:translateX(0)}.content{padding-left:20px}}*{box-sizing:border-box}.app-container{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.header-section{margin-bottom:30px;text-align:left;width:100%}.page-title{color:#2c3e50;display:inline-block;font-size:2rem;font-weight:300;margin:0}.upload-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:20px;padding:30px;width:60%}.action-buttons{background-color:#fff;border-bottom:1px solid #eee;display:flex;gap:15px;justify-content:center;margin-bottom:30px;padding:15px 0;z-index:10}.form-container{display:flex;flex-direction:column;gap:30px}.form-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #00000008;padding:25px}.section-title{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 25px;padding-bottom:10px;position:relative;text-align:left}.sub-title{border-bottom:1px solid #bdc3c7;color:#34495e;font-size:1.2rem;font-weight:500;margin:20px 0 15px;padding-bottom:5px;text-align:left}.form-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.full-width{grid-column:1/-1}.form-group{display:flex;flex-direction:column}.form-label{color:#495057;font-size:.95rem;font-weight:500;line-height:1.4;margin-bottom:8px;text-align:start}.form-control{background-color:#fff;border:1.5px solid #ced4da;border-radius:6px;font-size:1rem;padding:12px 16px;transition:all .2s ease-in-out}.form-control:focus{border-color:#3498db;box-shadow:0 0 0 .2rem #3498db26;outline:none}.form-control:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.required{color:#e74c3c}textarea.form-control{font-family:inherit;min-height:90px;resize:vertical}select.form-control{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.image-preview{border-radius:8px;box-shadow:0 2px 4px #0000001a;height:auto;margin-top:10px;max-width:200px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;padding:12px 24px;text-transform:none;transition:all .2s ease-in-out}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9;box-shadow:0 4px 8px #3498db4d;transform:translateY(-1px)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-1px)}.btn-danger{background-color:#e74c3c;color:#fff;font-size:.85rem;padding:6px 12px}.btn-danger:hover{background-color:#c0392b}.mb-3{margin-bottom:1rem}.dependent-block,.education-block,.experience-block{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin-top:20px;padding:20px}@media (max-width:768px){.app-container{padding:10px}.upload-form{padding:20px;width:90%}.page-title{font-size:1.5rem}.section-title{font-size:1.3rem}.form-grid{gap:15px;grid-template-columns:1fr}.action-buttons{align-items:center;flex-direction:column;gap:10px}.btn{max-width:300px;width:100%}}@media (max-width:480px){.form-control{font-size:16px}.page-title{font-size:1.4rem}}.text-center{text-align:center}.py-10{padding:3rem 0}.border-l-4{border-left-width:4px}
/*# sourceMappingURL=main.191dc52c.css.map*/