:root{--primary: #8B5CF6;--secondary: #10B981;--accent: #F59E0B;--bg-color: #111827;--surface: rgba(30, 41, 59, .7);--text-main: #E5E7EB;--glass-blur: blur(16px);--glass-border: 1px solid rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;position:sticky;top:0;z-index:100;background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border)}.nav-logo{font-size:1.8rem;font-weight:800;color:var(--primary);letter-spacing:-1px}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{text-decoration:none;color:var(--text-main);font-weight:500;transition:.3s}.nav-links a:hover{color:var(--primary)}.nav-btn{padding:.5rem 1.2rem;border:1px solid var(--primary);border-radius:6px;color:var(--primary);text-decoration:none}.btn-filled{background:var(--primary);color:#fff!important}@media(max-width:768px){.nav-links{display:none}}.nav-item-dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:12px;min-width:180px;display:flex;flex-direction:column;padding:.5rem;box-shadow:0 10px 25px #0000004d;z-index:1000}.dropdown-menu a{padding:.8rem 1rem;color:#fff;text-decoration:none;font-size:.9rem;border-radius:8px;transition:.2s}.dropdown-menu a:hover{background:#ffffff1a;color:var(--primary)}.nav-btn svg{font-size:.8rem;margin-left:5px}.bg-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background-color:var(--bg-color)}.blob{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(80px);opacity:.15}.blob-1{background:var(--primary);top:10%;left:10%}.blob-2{background:var(--secondary);bottom:10%;right:10%}.hero-section{height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 5%}.hero-text h1{font-size:clamp(2.5rem,6vw,4.5rem);margin-bottom:1rem}.purple-text{color:var(--primary)}.hero-text p{font-size:1.2rem;opacity:.8;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.hero-actions button{padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:.3s}.btn-hr{background:var(--primary);color:#fff;border:none}.btn-emp{background:var(--surface);color:#fff;border:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.about-section{padding:5rem 5%}.glass-card{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);padding:3rem;border-radius:24px}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.about-item h3{color:var(--secondary);margin-bottom:1rem}.about-item p{opacity:.8;line-height:1.6}.footer{background:#0a0f1ae6;padding:4rem 5% 2rem;margin-top:5rem}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem}.footer-info h3{color:var(--accent);margin-bottom:1.5rem}.footer-info p{display:flex;align-items:center;gap:10px;margin-bottom:.8rem;opacity:.7}.footer-rights{width:100%;text-align:center;margin-top:2rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;opacity:.5;font-size:.9rem}.auth-container{height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.back-btn{position:absolute;top:20px;left:20px;background:none;border:none;color:#fff;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:1rem}.glass-auth-card h2{color:var(--primary);margin-bottom:.5rem}.divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e293b;padding:0 10px;font-size:.8rem;color:#64748b}.submit-btn{background:var(--primary);color:#fff;padding:.8rem;border:none;border-radius:10px;font-weight:600;cursor:pointer}.toggle-auth span{color:var(--primary);cursor:pointer;font-weight:700}.auth-container{height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.back-btn{position:absolute;top:20px;left:20px;background:none;border:none;color:var(--text-main);display:flex;align-items:center;gap:8px;cursor:pointer;font-size:1rem;z-index:10}.glass-auth-card{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);padding:3rem 2rem;border-radius:24px;width:100%;max-width:400px;text-align:center;box-shadow:0 8px 32px #0000005e}.employee-theme h2{color:var(--secondary);margin-bottom:.5rem}.employee-theme .submit-btn{background:var(--secondary)}.employee-theme .toggle-auth span{color:var(--secondary)}.glass-auth-card p{opacity:.7;font-size:.9rem;margin-bottom:2rem}.google-btn{width:100%;padding:.8rem;border-radius:10px;border:var(--glass-border);background:#ffffff0d;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.3s}.google-btn:hover{background:#ffffff1a}.divider{margin:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#111827;padding:0 10px;font-size:.8rem;color:#64748b}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form input{padding:.8rem;border-radius:10px;border:var(--glass-border);background:#0003;color:#fff;outline:none}.submit-btn{color:#fff;padding:.8rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:.3s}.submit-btn:hover{opacity:.9;transform:translateY(-2px)}.toggle-auth{margin-top:1.5rem;font-size:.85rem}.toggle-auth span{cursor:pointer;font-weight:700}@media(max-width:480px){.glass-auth-card{padding:2rem 1.5rem}}.logout-modal{background:var(--surface);border:1px solid rgba(239,68,68,.2);padding:2.5rem;border-radius:24px;width:90%;max-width:400px;text-align:center;box-shadow:0 20px 50px #00000080}.logout-icon-wrapper{width:60px;height:60px;background:#ef44441a;color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto 1.5rem}.logout-modal h2{margin-bottom:10px;color:#fff}.logout-modal p{color:#94a3b8;font-size:.95rem;line-height:1.5;margin-bottom:2rem}.logout-actions{display:flex;flex-direction:column;gap:12px}.confirm-logout-btn{background:#ef4444;color:#fff;border:none;padding:12px;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:.3s}.cancel-btn{background:#ffffff0d;color:#94a3b8;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:12px;cursor:pointer}.confirm-logout-btn:hover{background:#dc2626;transform:scale(1.02)}.cancel-btn:hover{background:#ffffff1a;color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;margin:0;padding:0}body.modal-open{overflow:hidden;padding-right:0!important}.sidebar{width:260px;height:100vh;background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:var(--glass-border);display:flex;flex-direction:column;padding:2rem 1rem;position:fixed;left:0;top:0;z-index:100;transition:width .3s ease}.sidebar-logo{font-size:1.8rem;font-weight:800;color:var(--primary);margin-bottom:2.5rem;padding-left:1rem;letter-spacing:-1px}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.nav-item{display:flex;align-items:center;gap:15px;padding:.9rem 1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;color:#94a3b8}.nav-icon{font-size:1.2rem;display:flex;align-items:center}.nav-text{font-size:.95rem;font-weight:500}.nav-item:hover{background:#ffffff0d;color:var(--text-main)}.nav-item.active{background:#8b5cf626;color:var(--primary);border-left:4px solid var(--primary)}.logout-btn{margin-top:auto;display:flex;align-items:center;gap:15px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;cursor:pointer;padding:.8rem 1rem;border-radius:10px;transition:.3s}.logout-btn:hover{background:#ef4444;color:#fff}@media(max-width:768px){.sidebar{width:100%;height:65px;flex-direction:row;bottom:0;top:auto;padding:0 .5rem;align-items:center;border-right:none;border-top:var(--glass-border)}.sidebar-logo,.nav-text{display:none}.sidebar-nav{flex-direction:row;justify-content:space-around;width:100%;margin:0;gap:0}.nav-item{padding:.8rem;border-radius:50%}.nav-item.active{border-left:none;border-bottom:3px solid var(--primary);border-radius:0}.logout-btn{margin:0;padding:.8rem;border:none;background:none}}.sidebar-container,.sidebar-hr{width:260px;height:100vh;position:fixed;left:0;top:0;display:flex;flex-direction:column;background:var(--surface);z-index:100;transition:all .3s ease}.dashboard-content,.hr-content{margin-left:260px;width:calc(100% - 260px);min-height:100vh}.sidebar-footer{margin-top:auto;padding:20px;border-top:1px solid rgba(255,255,255,.05)}.logout-btn-nav,.logout-btn-hr{width:100%;display:flex;align-items:center;gap:12px;padding:12px 15px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:12px;cursor:pointer;transition:.3s;font-weight:600}.logout-btn-nav:hover{background:#ef4444;color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000}.leave-modal{background:var(--surface);border:var(--glass-border);padding:2.5rem;border-radius:24px;width:90%;max-width:500px;box-shadow:0 20px 50px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem}.input-group{position:relative;margin-bottom:1.8rem}.input-group input,.input-group select,.input-group textarea{width:100%;padding:.8rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;outline:none;font-size:1rem}.input-group label{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;transition:.3s;pointer-events:none}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label,.textarea-group textarea:focus+label,.textarea-group textarea:not(:placeholder-shown)+label{top:-10px;left:8px;font-size:.8rem;color:var(--primary);background:var(--bg-color);padding:0 5px}.textarea-group label{top:20px}.textarea-footer{display:flex;justify-content:space-between;margin-top:5px;font-size:.75rem}.auto-save{color:var(--secondary);font-style:italic}.char-counter{color:#64748b}.char-counter.limit{color:var(--accent)}.submit-leave-btn{width:100%;padding:1rem;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:.3s}.submit-leave-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #8b5cf666}.scan-line{position:absolute;top:0;left:0;width:100%;height:4px;background:var(--secondary);box-shadow:0 0 20px var(--secondary),0 0 40px var(--secondary);animation:scanMove 2.5s infinite ease-in-out;z-index:10}@keyframes scanMove{0%{top:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.status-text{margin-bottom:1rem;font-weight:500;color:#94a3b8;font-size:.9rem}.dashboard-layout{display:flex;min-height:100vh;background-color:var(--bg-color);color:var(--text-main);overflow-x:hidden}.dashboard-content{flex-grow:1;margin-left:260px;padding:2.5rem;transition:margin .3s ease}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.welcome-text h1{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800}.user-highlight{color:var(--primary)}.welcome-text p{opacity:.6;margin-top:8px;font-size:1rem}.main-apply-btn{background:var(--primary);color:#fff;border:none;padding:.9rem 1.8rem;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:0 10px 25px #8b5cf64d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:var(--surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);padding:2rem;border-radius:24px;display:flex;align-items:center;gap:20px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon-wrapper{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#ffffff0d}.purple-card .stat-icon-wrapper{color:var(--primary);border:1px solid rgba(139,92,246,.3)}.green-card .stat-icon-wrapper{color:var(--secondary);border:1px solid rgba(16,185,129,.3)}.orange-card .stat-icon-wrapper{color:var(--accent);border:1px solid rgba(245,158,11,.3)}.stat-details h3{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;opacity:.5;margin-bottom:5px}.count-text{font-size:1.8rem;font-weight:800}.dashboard-lower-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem}.glass-panel{background:var(--surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);padding:2rem;border-radius:24px}.glass-panel h3{margin-bottom:2rem;font-size:1.3rem;font-weight:700;color:var(--text-main)}.attendance-placeholder{display:flex;flex-direction:column;align-items:center;text-align:center}.status-circle{width:130px;height:130px;border-radius:50%;border:4px dashed rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-weight:600;color:#64748b;margin-bottom:1.5rem}.scan-btn-placeholder{background:#ffffff0d;color:#94a3b8;border:var(--glass-border);padding:.8rem 2rem;border-radius:10px;cursor:not-allowed;margin-bottom:1rem}.time-info{font-size:.85rem;opacity:.4}.activity-empty{height:200px;display:flex;align-items:center;justify-content:center;color:#64748b;font-style:italic;border:1px dashed rgba(255,255,255,.05);border-radius:16px}@media(max-width:1100px){.dashboard-lower-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-content{margin-left:0;padding:1.5rem;margin-bottom:80px}.content-header{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.main-apply-btn{width:100%;justify-content:center}.stat-card{padding:1.5rem}.count-text{font-size:1.5rem}}.status-circle.present{border:4px solid var(--secondary);color:var(--secondary);background:#10b9811a;box-shadow:0 0 25px #10b98133}.check-icon{font-size:3.5rem}.present-badge{background:var(--secondary);color:#fff;padding:10px 30px;border-radius:50px;font-weight:700;margin-top:1.5rem;letter-spacing:.5px;box-shadow:0 10px 20px #10b9814d}.present-status-container{display:flex;flex-direction:column;align-items:center}.scan-btn-active{background:var(--primary);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:.3s}.scan-btn-active:hover{transform:translateY(-2px);box-shadow:0 10px 20px #8b5cf64d}.loader-container{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-color);color:var(--primary)}.spin{animation:rotate 1s linear infinite;font-size:2rem;margin-bottom:1rem}.profile-img{width:120px;height:120px;border-radius:50%;border:3px solid var(--primary);object-fit:cover;margin-bottom:1rem}.profile-info-grid{margin-top:2rem;display:grid;gap:1.5rem}.info-item{display:flex;align-items:center;gap:15px;font-size:1.1rem;color:#94a3b8}.leave-table{width:100%;border-collapse:collapse;text-align:left}.leave-table th{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);color:var(--primary)}.leave-table td{padding:1.2rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.capitalize{text-transform:capitalize}.status-badge{padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase}.status-badge.waiting{background:#f59e0b33;color:var(--accent)}.status-badge.accepted{background:#10b98133;color:var(--secondary)}.status-badge.rejected{background:#ef444433;color:#ef4444}.sidebar-hr{width:260px;height:100vh;position:fixed;left:0;top:0;background:var(--surface);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;padding:1.5rem 0;z-index:100}.sidebar-logo{padding:0 2rem 2.5rem;font-size:1.5rem;font-weight:800;letter-spacing:-1px;color:#fff}.hr-badge{color:var(--primary);font-size:.9rem;margin-left:4px}.sidebar-nav{flex-grow:1;display:flex;flex-direction:column;gap:8px;padding:0 1rem}.nav-item-hr{display:flex;align-items:center;gap:15px;padding:12px 18px;border-radius:12px;color:#94a3b8;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item-hr .nav-icon{font-size:1.2rem}.nav-item-hr .nav-text{font-weight:500;font-size:.95rem}.nav-item-hr.active{background:#8b5cf61a;color:#fff}.hr-active-pill{position:absolute;left:0;width:4px;height:20px;background:var(--primary);border-radius:0 4px 4px 0}.nav-item-hr:hover:not(.active){background:#ffffff08;color:#fff}.sidebar-footer{padding:1.5rem 1rem .5rem;border-top:1px solid rgba(255,255,255,.05);margin-top:auto}.logout-btn-hr{width:100%;display:flex;align-items:center;gap:12px;padding:14px;background:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.15);border-radius:12px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease}.logout-btn-hr:hover{background:#ef4444;color:#fff;box-shadow:0 10px 20px #ef444433}.hr-content{margin-left:260px;width:calc(100% - 260px);padding:2.5rem}.large-modal{max-width:850px!important;width:95%}.hr-form-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.webcam-container{width:100%;aspect-ratio:4/3;background:#000;border-radius:16px;overflow:hidden;border:2px solid var(--primary);position:relative}.webcam-view{width:100%;height:100%;object-fit:cover}.capture-btn,.retake-btn{width:100%;margin-top:15px;padding:12px;border-radius:10px;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:.3s}.capture-btn{background:var(--primary);color:#fff}.retake-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.hint{font-size:.75rem;color:#64748b;text-align:center;margin-top:10px}.details-section{display:flex;flex-direction:column;gap:5px}@media(max-width:768px){.hr-form-grid{grid-template-columns:1fr}}.hr-layout{display:flex;min-height:100vh;background:var(--bg-color);color:var(--text-main)}.hr-content{flex-grow:1;margin-left:260px;padding:2.5rem;transition:margin .3s ease}.hr-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;flex-wrap:wrap;gap:20px}.header-left h1{font-size:2.2rem;font-weight:800;margin-bottom:.5rem}.hr-name{color:var(--primary)}.month-picker{background:var(--surface);color:var(--text-main);border:var(--glass-border);padding:10px 15px;border-radius:10px;outline:none;cursor:pointer;font-family:inherit;transition:.3s}.month-picker:hover{background:#ffffff0d}.add-emp-btn{background:var(--primary);color:#fff;border:none;padding:.8rem 1.8rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 10px 20px #8b5cf633;transition:.3s cubic-bezier(.175,.885,.32,1.275)}.add-emp-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #8b5cf64d}.directory-table-container{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:24px;overflow:hidden;box-shadow:0 10px 40px #0003}.hr-table{width:100%;border-collapse:collapse;text-align:left}.hr-table th{padding:1.2rem 1.5rem;background:#ffffff05;color:#64748b;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.05)}.hr-table td{padding:1.2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle}.hr-table tr:last-child td{border-bottom:none}.hr-table tr:hover{background:#ffffff03}.emp-info-cell{display:flex;align-items:center;gap:15px}.emp-info-cell img{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid rgba(139,92,246,.3)}.emp-name{font-weight:600;color:#fff}.emp-email{font-size:.8rem;color:#64748b}.attendance-ratio{display:inline-block;padding:6px 12px;background:#ffffff0d;border-radius:8px;font-family:JetBrains Mono,monospace;font-weight:600;color:var(--secondary)}.pay-btn{background:var(--secondary);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.2s}.pay-btn:hover{filter:brightness(1.1);transform:scale(1.02)}@media(max-width:1024px){.hr-content{padding:1.5rem}}@media(max-width:768px){.hr-content{margin-left:0;margin-bottom:80px;padding:1rem}.hr-header{flex-direction:column;align-items:stretch}.add-emp-btn{width:100%;justify-content:center}.directory-table-container{overflow-x:auto}.hr-table{min-width:700px}}.leave-requests-container{margin-top:2rem}.reason-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#94a3b8;font-style:italic}.icon-small{font-size:.8rem;margin-right:5px;color:var(--primary)}.type-tag{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;background:#ffffff0d}.type-tag.paid{color:var(--primary);border:1px solid rgba(139,92,246,.3)}.type-tag.sick{color:var(--secondary);border:1px solid rgba(16,185,129,.3)}.type-tag.casual{color:var(--accent);border:1px solid rgba(245,158,11,.3)}.status-badge{padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.waiting{background:#ffc1071a;color:#ffc107}.status-badge.accepted{background:#10b9811a;color:var(--secondary)}.status-badge.rejected{background:#ef44441a;color:#ef4444}.actions-cell{display:flex;gap:10px}.action-btn{width:35px;height:35px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;color:#fff}.action-btn.accept{background:var(--secondary)}.action-btn.reject{background:#ef4444}.action-btn:hover{transform:scale(1.1);filter:brightness(1.2)}.processed-text{font-size:.8rem;color:#64748b;font-style:italic}.empty-msg{text-align:center;padding:3rem;color:#64748b}.receipt-card-detailed{display:flex;justify-content:space-between;align-items:center;padding:1.8rem;margin-bottom:1.2rem;border-radius:20px;transition:.3s}.receipt-card-detailed:hover{border-color:var(--primary);transform:translate(5px)}.receipt-left{display:flex;gap:20px;align-items:center}.icon-circle{width:50px;height:50px;background:#8b5cf61a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.5rem}.receipt-meta h3{font-size:1.2rem;margin-bottom:4px}.receipt-meta span{font-size:.75rem;color:#64748b}.receipt-center{display:flex;gap:40px}.data-point label{font-size:.7rem;color:#64748b;text-transform:uppercase;display:block}.data-point p{font-weight:700;color:#fff;margin-top:4px}.receipt-right{text-align:right;display:flex;flex-direction:column;gap:10px}.amount-tag{font-size:1.5rem;font-weight:900;color:var(--secondary)}.download-receipt-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px 15px;border-radius:8px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:8px}.payout-highlight{color:var(--secondary);font-weight:800;font-size:1.1rem}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.present-day{background:var(--secondary)!important;color:#fff!important;border-radius:50%;position:relative}.calendar-wrapper{max-width:450px;padding:2rem;margin:0 auto}.react-calendar{background:transparent!important;border:none!important;color:#fff!important;width:100%!important}.react-calendar__navigation button{color:#fff!important;font-size:1.1rem}.react-calendar__month-view__weekdays__weekday{color:var(--primary);font-weight:700}.react-calendar__tile{padding:1em .5em!important;color:#94a3b8}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background:#ffffff0d}.calendar-footer{margin-top:2rem;display:flex;justify-content:center;gap:20px}.legend{display:flex;align-items:center;gap:8px;font-size:.85rem}.legend-box{width:12px;height:12px;border-radius:3px}.legend-box.present{background:var(--secondary)}.legend-box.absent{background:#ffffff1a}.present-day{background:var(--secondary)!important;color:#fff!important;border-radius:50%}.calendar-card{max-width:500px;padding:2rem}.calendar-legend{display:flex;gap:20px;margin-top:20px;font-size:.8rem}.dot{height:10px;width:10px;border-radius:50%;display:inline-block}.dot.present{background:var(--secondary)}.empty-payroll{text-align:center;padding:5rem;color:#64748b}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.3}.profile-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.profile-main-card{text-align:center}.profile-avatar-large{width:150px;height:150px;border-radius:50%;border:4px solid var(--primary);margin-bottom:1.5rem}.detail-item{display:flex;gap:15px;margin-bottom:1.5rem}.detail-icon{color:var(--primary);font-size:1.2rem;margin-top:5px}.detail-item label{font-size:.8rem;color:#64748b;text-transform:uppercase}.profile-card-main{max-width:600px;margin:0 auto;padding:3rem;text-align:center}.profile-avatar-large{width:140px;height:140px;border-radius:50%;border:4px solid var(--primary);margin-bottom:1rem;object-fit:cover}.badge-active{background:#10b9811a;color:var(--secondary);padding:5px 15px;border-radius:20px;font-size:.8rem;font-weight:700}.profile-details-grid{text-align:left;margin-top:2.5rem;display:grid;gap:1.5rem}.detail-row{display:flex;align-items:center;gap:20px}.row-icon{color:var(--primary);font-size:1.2rem}.detail-row label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:1px}.receipt-entry{display:flex;align-items:center;gap:20px;padding:1.5rem;margin-bottom:1rem;border-radius:16px}.receipt-icon-box{font-size:1.8rem;color:var(--secondary)}.receipt-text{flex-grow:1}.receipt-amount{font-size:1.4rem;font-weight:800;color:#fff}.view-receipt-btn{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:8px 15px;border-radius:8px;cursor:pointer}.empty-state-payroll{text-align:center;padding:5rem;opacity:.5}