.layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary)}.navbar{background:var(--bg-card);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border-default);position:relative;box-shadow:var(--shadow-sm)}.nav-brand h1{font-size:1.5rem;color:var(--text-primary);margin:0;font-weight:700}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s;white-space:nowrap;font-weight:500}.nav-links a:hover{color:var(--info)}.btn-logout{background:var(--error);color:var(--text-white);border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;transition:background .2s;white-space:nowrap;font-weight:600}.btn-logout:hover{background:var(--error-dark)}.main-content{flex:1;padding:2rem;max-width:1400px;width:100%;margin:0 auto;background-color:var(--bg-primary)}.menu-toggle{display:none;background:transparent;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:background .2s;line-height:1;width:2.5rem;height:2.5rem;align-items:center;justify-content:center}.menu-toggle:hover{background:var(--bg-hover)}@media (max-width: 768px){.navbar{padding:1rem;flex-wrap:wrap}.nav-brand h1{font-size:1.25rem}.menu-toggle{display:flex;order:3}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-card);flex-direction:column;padding:1rem;gap:.75rem;border-bottom:2px solid var(--border-default);box-shadow:var(--shadow-md);z-index:1000}.nav-links.mobile-open{display:flex}.nav-links a{padding:.75rem 1rem;width:100%;border-radius:.375rem;transition:background .2s}.nav-links a:hover{background:var(--bg-hover);color:var(--info)}.btn-logout{order:2;padding:.5rem .75rem;font-size:.875rem}.main-content{padding:1rem}}@media (max-width: 480px){.navbar{padding:.75rem}.nav-brand h1{font-size:1.125rem}.main-content{padding:.75rem}}.landing-page{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#fff)}.landing-header{position:sticky;top:0;z-index:1000;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px #0000000d}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo{font-size:1.25rem;font-weight:700;color:var(--text-primary, #1e293b);cursor:pointer;transition:color .2s}.logo:hover{color:var(--success, #10b981)}.header-nav{display:flex;gap:2rem;align-items:center;flex:1;justify-content:center}.header-nav a{color:var(--text-secondary, #64748b);text-decoration:none;font-weight:500;font-size:.9375rem;transition:color .2s;position:relative}.header-nav a:hover{color:var(--text-primary, #1e293b)}.header-nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--success, #10b981);transition:width .3s}.header-nav a:hover:after{width:100%}.btn-login-header{padding:.625rem 1.5rem;background:var(--success, #10b981);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-login-header:hover{background:var(--success-dark, #059669);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.hero-section{padding:6rem 2rem;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.hero-container{max-width:900px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem;opacity:.95;max-width:800px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{padding:1rem 2rem;background:#fff;color:#667eea;border:none;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00000026}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.btn-secondary{padding:1rem 2rem;background:transparent;color:#fff;border:2px solid white;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{padding:5rem 0}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:.75rem;color:var(--text-primary, #1e293b)}.section-subtitle{font-size:1.125rem;line-height:1.7;color:var(--text-secondary, #64748b);text-align:center;max-width:700px;margin:0 auto;font-weight:400}.section-description{font-size:1.125rem;line-height:1.8;color:var(--text-secondary, #64748b);text-align:center;max-width:800px;margin:0 auto}.what-is-section{background:#fff}.features-section{background:#f8fafc}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem;grid-auto-flow:dense}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}}.feature-card{position:relative;background:#fff;padding:2.5rem;border-radius:1rem;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(226,232,240,.8);overflow:hidden;opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out forwards}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000001f;border-color:var(--success, #10b981)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.feature-badge{position:absolute;top:1.5rem;right:1.5rem;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;box-shadow:0 4px 12px #667eea4d;z-index:1;transition:transform .3s}.feature-card:hover .feature-badge{transform:scale(1.1) rotate(5deg)}.feature-icon{width:4rem;height:4rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.75rem;margin-bottom:1.5rem;box-shadow:0 8px 16px #667eea40;transition:transform .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary, #1e293b);transition:color .3s}.feature-card:hover h3{color:var(--success, #10b981)}.feature-description{color:var(--text-secondary, #64748b);font-size:.9375rem;line-height:1.6;margin-bottom:1.5rem;min-height:3rem;font-weight:400}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;color:var(--text-secondary, #64748b);font-size:.9375rem;line-height:1.6}.feature-list li svg{color:var(--success, #10b981);margin-top:.25rem;flex-shrink:0;transition:transform .2s}.feature-card:hover .feature-list li svg{transform:scale(1.1)}.features-cta{text-align:center;margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(226,232,240,.8);opacity:0;animation:fadeInUp .6s ease-out .6s forwards}.cta-text{font-size:1.5rem;font-weight:600;color:var(--text-primary, #1e293b);margin-bottom:1rem}.cta-subtext{font-size:.9375rem;color:var(--text-secondary, #64748b);margin-top:1rem}.btn-cta-large{padding:1.25rem 3rem;font-size:1.125rem;box-shadow:0 6px 20px #667eea4d}.btn-cta-large:hover{box-shadow:0 8px 30px #667eea66;transform:translateY(-3px)}.security-section{background:#fff;position:relative}.security-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.03) 0%,transparent 50%);pointer-events:none}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;position:relative;z-index:1}@media (max-width: 1024px){.security-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.security-grid{grid-template-columns:1fr}}.security-item{position:relative;text-align:center;padding:2.5rem;border-radius:1rem;background:#fff;border:1px solid rgba(226,232,240,.8);box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out forwards}.security-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.security-item:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.security-item:hover:before{transform:scaleX(1)}.security-item:hover:after{opacity:1}.security-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #10b98126;border-color:var(--success, #10b981);background:linear-gradient(to bottom,#fff,#f0fdf4)}.security-badge{position:absolute;top:1.5rem;right:1.5rem;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;box-shadow:0 4px 12px #10b9814d;z-index:1;transition:transform .3s;opacity:.9}.security-item:hover .security-badge{transform:scale(1.15) rotate(10deg);opacity:1}.security-icon-wrapper{width:5rem;height:5rem;margin:0 auto 1.5rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #10b98140;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.security-icon-wrapper:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);opacity:0;transition:opacity .3s;z-index:-1;filter:blur(12px)}.security-item:hover .security-icon-wrapper{transform:scale(1.1) rotate(5deg)}.security-item:hover .security-icon-wrapper:after{opacity:.6}.security-icon{font-size:2rem;color:#fff;transition:transform .3s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.security-item:hover .security-icon{transform:scale(1.1)}.security-item h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary, #1e293b);transition:color .3s}.security-item:hover h3{color:var(--success, #10b981)}.security-item p{color:var(--text-secondary, #64748b);font-size:.9375rem;line-height:1.6;margin:0 0 1rem;min-height:3rem}.security-stats{display:flex;justify-content:center;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.stat-item{display:inline-block;padding:.375rem .75rem;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #10b9811a;transition:all .3s}.security-item:hover .stat-item{background:linear-gradient(135deg,#10b981,#059669);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #10b98133}.security-cta{text-align:center;margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(226,232,240,.8);opacity:0;animation:fadeInUp .6s ease-out .7s forwards;position:relative;z-index:1}.security-cta-text{font-size:1.5rem;font-weight:700;color:var(--text-primary, #1e293b);margin-bottom:.5rem;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.security-cta-subtext{font-size:1rem;color:var(--text-secondary, #64748b);margin:0;font-weight:400}.technology-section{background:#f8fafc}.tech-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:3rem}.tech-badge{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(226,232,240,.8);transition:all .2s;font-weight:500;color:var(--text-primary, #1e293b)}.tech-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--success, #10b981)}.tech-icon{font-size:1.25rem;color:var(--success, #10b981)}.benefits-section{background:#fff}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}@media (max-width: 1024px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.benefits-grid{grid-template-columns:1fr}}.benefit-item{display:flex;flex-direction:column;align-items:flex-start;padding:2rem;border-radius:.75rem;background:#f8fafc;transition:all .3s}.benefit-item:hover{background:#f1f5f9;transform:translateY(-4px)}.benefit-icon{font-size:2rem;color:var(--success, #10b981);margin-bottom:1rem}.benefit-item h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary, #1e293b)}.benefit-item p{color:var(--text-secondary, #64748b);font-size:.9375rem;line-height:1.6}.landing-footer{background:#1e293b;color:#fff;padding:3rem 0}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.footer-brand h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.footer-brand p{color:#ffffffb3;font-size:.875rem}.btn-footer-login{padding:.75rem 1.5rem;background:var(--success, #10b981);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-footer-login:hover{background:var(--success-dark, #059669);transform:translateY(-1px)}@media (max-width: 768px){.header-container{padding:1rem;flex-wrap:wrap}.header-nav{order:3;width:100%;justify-content:flex-start;gap:1rem;margin-top:1rem;flex-wrap:wrap}.header-nav a{font-size:.875rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%}.section-title{font-size:2rem}.tech-grid{justify-content:flex-start}.footer-content{flex-direction:column;text-align:center}.btn-footer-login{width:100%}}@media (max-width: 480px){.hero-section{padding:4rem 1rem}.hero-title,.section-title{font-size:1.75rem}.container{padding:0 1rem}section{padding:3rem 0}.feature-card,.security-item,.benefit-item{padding:1.5rem}.feature-badge{width:2rem;height:2rem;font-size:.75rem;top:1rem;right:1rem}.feature-icon{width:3.5rem;height:3.5rem;font-size:1.5rem}.cta-text{font-size:1.25rem}.btn-cta-large{padding:1rem 2rem;font-size:1rem}}.toast{position:fixed;top:20px;right:20px;min-width:300px;max-width:500px;padding:1rem 1.25rem;border-radius:.5rem;box-shadow:var(--shadow-lg);z-index:3000;display:flex;align-items:center;justify-content:space-between;gap:1rem;animation:slideIn .3s ease-out;border-left:4px solid}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-content{display:flex;align-items:center;gap:.75rem;flex:1}.toast-icon{font-size:1.25rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;flex-shrink:0}.toast-message{color:var(--text-primary);font-size:.9375rem;line-height:1.5}.toast-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s;line-height:1;flex-shrink:0}.toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.toast-success{background:var(--success-light);border-left-color:var(--success);color:var(--text-primary)}.toast-success .toast-icon{color:var(--success-dark)}.toast-error{background:var(--error-light);border-left-color:var(--error);color:var(--text-primary)}.toast-error .toast-icon{color:var(--error)}.toast-info{background:var(--info-light);border-left-color:var(--info);color:var(--text-primary)}.toast-info .toast-icon{color:var(--info-dark)}.toast-warning{background:var(--warning-light);border-left-color:var(--warning);color:var(--text-primary)}.toast-warning .toast-icon{color:var(--warning-dark)}@media (max-width: 768px){.toast{top:10px;right:10px;left:10px;min-width:auto;max-width:none}}.attendance-card{background:var(--bg-card);padding:2rem;border-radius:.75rem;border:2px solid var(--border-default);box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;overflow:hidden}.attendance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:transparent;transition:background .3s ease}.attendance-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.attendance-card-entry{border-color:var(--success)}.attendance-card-entry:before{background:var(--success)}.attendance-card-exit{border-color:var(--error)}.attendance-card-exit:before{background:var(--error)}.attendance-card h3{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:600}.card-icon{font-size:1.75rem;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;background:var(--bg-secondary)}.attendance-card-entry .card-icon{color:var(--success-dark);background:var(--success-light)}.attendance-card-exit .card-icon{color:var(--error-dark);background:var(--error-light)}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{display:block;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500;font-size:.9375rem}.form-group select,.form-group input{width:100%;padding:.75rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:.375rem;color:var(--text-primary);font-size:1rem;transition:all .2s ease;min-height:44px;box-sizing:border-box}.form-group select:focus,.form-group input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #10b9811a}.form-group input.input-error{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.error{color:var(--error);font-size:.875rem;margin-top:.25rem;display:block;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pin-valid{color:var(--success-dark);font-size:.875rem;margin-top:.25rem;display:block}.pin-hint{color:var(--text-muted);font-size:.875rem;margin-top:.25rem;display:block}.info-message{color:var(--info-dark);font-size:.875rem;margin-top:.25rem;display:block}.icon-entry{font-size:1.75rem;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;background:var(--success-light);color:var(--success-dark)}.icon-exit{font-size:1.75rem;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;background:var(--error-light);color:var(--error-dark)}.employee-select-wrapper{position:relative}.employee-search-input{width:100%;padding:.75rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:.375rem;color:var(--text-primary);font-size:1rem;transition:all .2s ease;min-height:44px;box-sizing:border-box}.employee-search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #10b9811a}.employee-search-input.input-error{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.employee-option-empty{padding:.75rem 1rem;color:var(--text-muted);text-align:center;font-size:.875rem}.pin-input-wrapper{position:relative;display:flex;flex-direction:column;gap:.5rem}.pin-input-wrapper input.pin-valid{border-color:var(--success);box-shadow:0 0 0 3px #10b9811a}.pin-input{width:100%;padding:.75rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:.375rem;color:var(--text-primary);font-size:1rem;transition:all .2s ease}.pin-dots{display:flex;gap:.75rem;justify-content:center;align-items:center;margin-top:.5rem}.pin-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--border-default);background:transparent;transition:all .2s ease}.pin-dot.filled{background:var(--text-primary);border-color:var(--text-primary)}.pin-dot.valid{background:var(--success);border-color:var(--success);animation:pinPulse .3s ease}@keyframes pinPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.pin-validation{font-size:.875rem;margin-top:.25rem;display:block;animation:slideDown .2s ease}.pin-valid-text{color:var(--success-dark)}.pin-invalid-text{color:var(--error)}.signature-captured{background:var(--success)!important;color:var(--text-white)!important}.signature-captured:hover{background:var(--success-dark)!important}.submit-icon{font-size:1.25rem;font-weight:700}.spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.employee-search-container{position:relative}.employee-select-hidden{position:absolute;opacity:0;pointer-events:none;height:0;width:0}.employee-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border-default);border-radius:.5rem;margin-top:.25rem;max-height:200px;overflow-y:auto;z-index:100;box-shadow:var(--shadow-lg);animation:slideDown .2s ease}.employee-option{padding:.75rem 1rem;cursor:pointer;transition:background .2s;display:flex;flex-direction:column;gap:.25rem;border-bottom:1px solid var(--border-default)}.employee-option:last-child{border-bottom:none}.employee-option:hover,.employee-option:focus{background:var(--bg-hover);outline:none}.employee-id{font-weight:600;color:var(--info-dark);font-size:.875rem}.employee-name{color:var(--text-primary);font-size:.9375rem}.employee-time{color:var(--text-muted);font-size:.8125rem;font-style:italic}.btn-signature{width:100%;padding:1rem;background:var(--info);color:var(--text-white);border:none;border-radius:.375rem;cursor:pointer;font-weight:500;margin-bottom:1rem;transition:all .2s ease;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);min-height:48px;box-sizing:border-box}.btn-signature:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-signature:hover:before{width:300px;height:300px}.btn-signature:hover{background:var(--info-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-signature-captured{background:var(--success)!important;color:var(--text-white)!important}.btn-signature-captured:hover{background:var(--success-dark)!important}.signature-icon{font-size:1.25rem;font-weight:700}.signature-preview{margin-left:auto;font-size:.875rem;opacity:.9;text-decoration:underline}.btn-submit{width:100%;padding:1rem;background:var(--success);color:var(--text-white);border:none;border-radius:.375rem;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);min-height:48px;box-sizing:border-box}.btn-submit:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-submit:hover:before{width:300px;height:300px}.btn-submit:hover:not(:disabled){background:var(--success-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.5;background:var(--text-muted);cursor:not-allowed;transform:none}.modal-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted);font-size:1rem}.btn-icon{font-size:1.25rem;font-weight:700}.btn-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.attendance-card-exit .btn-submit{background:var(--error)}.attendance-card-exit .btn-submit:hover:not(:disabled){background:var(--error-dark)}@media (max-width: 768px){.attendance-card{padding:1.5rem}.attendance-card h3{font-size:1.25rem;margin-bottom:1.25rem}.card-icon{width:2rem;height:2rem;font-size:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{font-size:.875rem}.form-group select,.form-group input{padding:.75rem;font-size:16px;min-height:48px}.btn-signature,.btn-submit{padding:.875rem 1rem;font-size:16px;min-height:52px}.employee-dropdown{max-height:200px;-webkit-overflow-scrolling:touch}.employee-search-input{font-size:16px;min-height:48px;padding:.75rem}}@media (max-width: 480px){.attendance-card{padding:1.25rem;border-radius:12px}.attendance-card:hover{transform:none}.attendance-card h3{font-size:1.125rem;margin-bottom:1.25rem;gap:.5rem}.card-icon{width:1.75rem;height:1.75rem;font-size:1.25rem}.form-group{margin-bottom:1.25rem}.form-group select,.form-group input,.employee-search-input,.pin-input{padding:14px 16px;font-size:16px;min-height:48px}.pin-dots{gap:.625rem;margin-top:.75rem}.pin-dot{width:14px;height:14px}.btn-signature,.btn-submit{padding:14px 20px;font-size:16px;min-height:52px;flex-direction:row;gap:.5rem}.btn-signature:before,.btn-submit:before{display:none}.btn-signature:hover,.btn-submit:hover:not(:disabled){transform:none}.btn-submit:disabled{opacity:.5;background:var(--text-muted)}.signature-preview{margin-left:0}.employee-dropdown{max-height:200px;-webkit-overflow-scrolling:touch;border-radius:8px}.employee-option{min-height:56px;padding:14px 16px;font-size:15px}.employee-id{font-size:.9375rem}.employee-name{font-size:1rem}.spinner{width:20px;height:20px;border-width:3px}}.activity-summary{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:1.5rem;margin-bottom:24px;box-shadow:var(--shadow-sm)}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-default)}.summary-header h4{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.last-update{color:var(--text-muted);font-size:.875rem}.summary-content{display:flex;flex-direction:column;gap:1rem}.summary-stat{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:8px}.stat-label{color:var(--text-secondary);font-size:.9375rem;font-weight:500}.stat-value{color:var(--success-dark);font-weight:600;font-size:1.125rem}.recent-entries{display:flex;flex-direction:column;gap:.75rem}.recent-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.entries-list{display:flex;flex-direction:column;gap:.5rem}.entry-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:6px;font-size:.875rem}.entry-name{color:var(--text-primary);font-weight:500}.entry-time{color:var(--text-muted);font-family:Courier New,monospace}@media (max-width: 768px){.activity-summary{padding:1rem}.summary-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.home-page{padding:20px;max-width:1400px;margin:0 auto;background-color:var(--bg-primary)}.page-header{margin-bottom:24px;position:relative}.header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;position:relative;width:100%}.header-title-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;grid-column:2;justify-self:center;width:100%;max-width:100%}.clock-sync{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;grid-column:3;justify-self:end}.page-header h2{margin:0;color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px}.tenant-name{margin:0;padding:.375rem 1rem;background:var(--info-light);color:var(--info-dark);font-size:.875rem;font-weight:500;font-style:normal;border-radius:1rem;border:1px solid var(--info);display:inline-block;transition:all .2s ease}.tenant-name:hover{background:var(--info);color:var(--text-white);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.current-time{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-family:Courier New,monospace;font-size:.9375rem;font-weight:600;box-shadow:var(--shadow-sm);white-space:nowrap;min-height:44px}.clock-icon{font-size:1rem;flex-shrink:0}.time-value{display:inline-block;white-space:nowrap}.sync-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--stat-working-bg);border:1px solid var(--stat-working-border);border-radius:8px;color:var(--stat-working-text);font-size:.875rem;font-weight:500;box-shadow:var(--shadow-sm);white-space:nowrap;min-height:44px}.sync-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stats-bar{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap;justify-content:center;align-items:stretch}.stat-item{flex:1;min-width:120px;max-width:200px;padding:20px;border-radius:12px;background:var(--bg-card);border:2px solid var(--border-default);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{font-size:1.5rem;margin-bottom:.5rem;display:block}.stat-label{display:block;font-size:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-weight:600}.stat-extra{display:block;font-size:12px;color:var(--text-secondary);margin-top:.25rem;font-weight:500}.stat-avg-time{display:block;font-size:11px;color:var(--text-muted);margin-top:.5rem;font-style:italic}.attendance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:32px}.status-section{margin-top:32px}.section-header{margin-bottom:16px}.section-header h3{margin:0 0 16px;color:var(--text-primary);font-size:20px;font-weight:600}.table-controls{display:flex;flex-direction:column;gap:12px}.search-filter-bar{display:flex;gap:12px;flex-wrap:wrap}.search-filter-bar input{flex:1;min-width:200px;padding:10px 14px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:14px;transition:all .2s ease}.search-filter-bar input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #10b9811a}.search-filter-bar select{min-width:150px;padding:10px 14px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.search-filter-bar select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #10b9811a}.results-count{color:var(--text-muted);font-size:.875rem;text-align:right}.status-table th{padding:14px 16px;text-align:left;font-weight:600;color:var(--text-primary);font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-default);-webkit-user-select:none;user-select:none}.status-table th.sortable{cursor:pointer;transition:background .2s ease;position:relative}.status-table td{padding:14px 16px;border-bottom:1px solid var(--border-default);color:var(--text-primary);transition:background .2s ease}.status-table tbody tr{transition:background .2s ease}.status-table tbody tr:hover{background:var(--bg-table-row-hover)!important}.status-table tbody tr.row-working.row-even{background:#10b9811f}.status-table tbody tr.row-working:hover{background:#10b9812e!important}.time-info{display:flex;flex-direction:column;gap:.25rem}.time-badge{display:inline-flex;align-items:center;color:var(--text-muted);font-size:13px;font-family:Courier New,monospace}.time-worked-badge{display:inline-flex;align-items:center;gap:.5rem;padding:4px 10px;background:var(--success-light);border:1px solid var(--success);border-radius:8px;color:var(--success-dark);font-size:13px;font-weight:600;font-family:Courier New,monospace}.time-worked-badge.long-shift{background:var(--error-light);border-color:var(--error);color:var(--error)}.alert-indicator{font-size:14px;animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem}.pagination-btn{padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-focus)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--text-muted);font-size:.875rem}@media (max-width: 768px){.home-page{padding:16px}.page-header h2{font-size:1.5rem}.header-top{grid-template-columns:1fr;gap:1rem}.header-title-section{grid-column:1;width:100%}.clock-sync{grid-column:1;width:100%;justify-content:center}.attendance-cards{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.stats-bar{flex-direction:row;gap:12px;justify-content:space-between;margin-bottom:24px}.stat-item{flex:1;min-width:0;max-width:none;padding:16px 12px}.stat-value{font-size:28px}.stat-label{font-size:12px}.stat-extra,.stat-avg-time{font-size:10px}.status-table thead{display:none}.status-table tbody tr{display:block;margin-bottom:16px;border:1px solid var(--border-default);border-radius:8px;padding:12px;background:var(--bg-card);box-shadow:var(--shadow-sm)}.status-table tbody td{display:flex;justify-content:space-between;padding:8px 0;border:none;border-bottom:1px solid var(--border-default)}.status-table tbody td:last-child{border-bottom:none}.status-table tbody td:before{content:attr(data-label);font-weight:600;color:var(--text-muted);margin-right:12px}.pagination{flex-direction:column;gap:.75rem}.pagination-btn{width:100%}}@media (max-width: 480px){.home-page{padding:12px}.page-header h2{font-size:1.25rem}.tenant-name{font-size:.8125rem;padding:.3125rem .875rem}.header-title-section{width:100%;margin-bottom:.5rem}.clock-sync{position:static;width:100%;justify-content:center;margin-top:.5rem}.attendance-cards{gap:12px;margin-bottom:20px}.stats-bar{gap:8px;margin-bottom:20px}.stat-item{padding:14px 8px}.stat-value{font-size:24px}.stat-label{font-size:11px}.stat-icon{font-size:1.25rem}.clock-sync{flex-direction:row;width:100%;gap:8px;position:static;justify-content:center}.current-time,.sync-indicator{flex:1;padding:10px 12px;font-size:.875rem;justify-content:center}.current-time{font-size:.8125rem}.sync-indicator{font-size:.75rem}}.status-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:16px 0}.status-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm)}.status-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-hover)}.status-card.card-working{border-left:4px solid var(--success);background:var(--success-light)}.status-card.card-away{border-left:4px solid var(--error);background:var(--error-light)}.status-card.card-alert{border-left-color:var(--error);background:var(--error-light)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-title h4{margin:0 0 4px;color:var(--text-primary);font-size:16px;font-weight:600}.card-dni{font-size:12px;color:var(--text-muted)}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-badge.badge-working{background:var(--success);color:var(--text-white)}.status-badge.badge-away{background:var(--warning);color:var(--text-white)}.card-body{display:flex;flex-direction:column;gap:8px}.card-info{display:flex;justify-content:space-between;align-items:center;font-size:13px}.info-label{color:var(--text-secondary);font-weight:500}.info-value{color:var(--text-primary);font-weight:600}.info-value.time-badge{font-family:Courier New,monospace;color:var(--success-dark)}.info-value.time-badge.time-alert{color:var(--error)}.alert-icon{margin-left:4px;font-size:14px}.card-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--border-default)}.btn-view-details{width:100%;padding:8px 16px;background:var(--success);color:var(--text-white);border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s;box-shadow:var(--shadow-sm)}.btn-view-details:hover{background:var(--success-dark);box-shadow:var(--shadow-md)}@media (max-width: 768px){.status-cards-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal-content{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-default)}.modal-header h3{margin:0;color:var(--text-primary);font-size:20px;font-weight:700}.modal-close{background:none;border:none;color:var(--text-muted);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:20px}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-section h4{margin:0 0 12px;color:var(--text-primary);font-size:16px;font-weight:600;border-bottom:1px solid var(--border-default);padding-bottom:8px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.detail-value{font-size:14px;color:var(--text-primary);font-weight:500}.detail-value.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.detail-value.badge-working{background:var(--success-light);color:var(--success-dark);border:1px solid var(--success)}.detail-value.badge-away{background:var(--error-light);color:var(--error-dark);border:1px solid var(--error)}.detail-value.time-badge{font-family:Courier New,monospace;color:var(--success-dark)}.detail-value.time-badge.time-alert{color:var(--error)}.alert-icon{margin-left:4px;font-size:12px;color:var(--error)}.modal-footer{padding:20px;border-top:1px solid var(--border-default);display:flex;justify-content:flex-end;background:var(--bg-secondary)}.btn-close-modal{padding:10px 20px;background:var(--success);color:var(--text-white);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;box-shadow:var(--shadow-sm)}.btn-close-modal:hover{background:var(--success-dark)}@media (max-width: 768px){.modal-content{max-width:100%;margin:0;border-radius:0;max-height:100vh}.detail-grid{grid-template-columns:1fr}}.activity-chart{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:16px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.activity-chart h4{margin:0 0 16px;color:var(--text-primary);font-size:16px;font-weight:600}.chart-container{width:100%}.chart-bars{display:flex;flex-direction:column;gap:12px}.chart-bar-wrapper{display:flex;align-items:center;gap:12px}.chart-bar-label{min-width:100px;font-size:13px;color:var(--text-muted);font-weight:500;text-align:right}.chart-bar{flex:1;height:32px;background:var(--bg-secondary);border-radius:6px;overflow:hidden;position:relative;border:1px solid var(--border-default)}.chart-bar-fill{height:100%;display:flex;align-items:center;justify-content:flex-end;padding:0 8px;transition:width .5s ease;min-width:40px}.chart-bar-fill.chart-bar-working{background:linear-gradient(90deg,var(--success-dark) 0%,var(--success) 100%)}.chart-bar-fill.chart-bar-away{background:linear-gradient(90deg,var(--error-dark) 0%,var(--error) 100%)}.chart-bar-value{color:var(--text-white);font-size:12px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.chart-bar-label{min-width:80px;font-size:12px}}.status-page{padding:20px;max-width:1400px;margin:0 auto;background-color:var(--bg-primary)}.page-header{margin-bottom:24px}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:16px}.header-widgets{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.current-time-widget{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;font-size:14px;color:var(--text-primary);box-shadow:var(--shadow-sm)}.time-icon{font-size:16px;display:inline-flex;align-items:center;color:var(--info)}.sync-indicator{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;font-size:12px;color:var(--text-muted);box-shadow:var(--shadow-sm)}.sync-icon{font-size:14px;animation:spin 2s linear infinite;display:inline-flex;align-items:center;color:var(--info)}.stats-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.stat-item{padding:16px 20px;border-radius:12px;background:var(--bg-card);border:2px solid var(--border-default);min-width:120px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.stat-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent);transition:left .5s}.stat-item:hover:before{left:100%}.stat-item.stat-clickable{cursor:pointer}.stat-item.stat-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-item.stat-working{background:var(--stat-working-bg);border-color:var(--stat-working-border)}.stat-item.stat-away{background:var(--stat-away-bg);border-color:var(--stat-away-border)}.stat-item.stat-average{background:var(--stat-average-bg);border-color:var(--stat-average-border)}.stat-icon{display:block;font-size:24px;margin-bottom:8px;width:100%;text-align:center;color:var(--text-secondary)}.stat-item.stat-working .stat-icon{color:var(--stat-working-text)}.stat-item.stat-away .stat-icon{color:var(--stat-away-text)}.stat-item.stat-average .stat-icon{color:var(--stat-average-text)}.stat-value{display:block;font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:4px;animation:countUp .5s ease}.stat-item.stat-working .stat-value{color:var(--stat-working-text)}.stat-item.stat-away .stat-value{color:var(--stat-away-text)}.stat-item.stat-average .stat-value{color:var(--stat-average-text)}@keyframes countUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.stat-label{display:block;font-size:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.search-filter-section{margin-bottom:24px}.search-filter-bar{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.search-wrapper{flex:1;min-width:200px}.search-input{width:100%;padding:10px 14px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:14px;transition:all .2s}.search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #10b9811a}.filter-controls{display:flex;gap:8px;align-items:center}.btn-toggle-filters,.btn-clear-filters{padding:10px 16px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.btn-toggle-filters:hover,.btn-clear-filters:hover{background:var(--bg-hover);border-color:var(--border-hover)}.view-toggle{display:flex;gap:4px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;padding:4px;box-shadow:var(--shadow-sm)}.view-btn{padding:6px 12px;background:transparent;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.view-btn:hover{background:var(--bg-hover)}.view-btn.active{background:var(--success);color:var(--text-white)}.advanced-filters{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;box-shadow:var(--shadow-sm)}.advanced-filters select{min-width:150px;padding:10px 14px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.advanced-filters select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #10b9811a}.results-info{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;color:var(--text-muted);flex-wrap:wrap;gap:12px}.export-buttons{display:flex;gap:8px}.btn-export{padding:8px 12px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:6px}.btn-export:hover{background:var(--bg-hover);border-color:var(--border-focus)}.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border-default);background:var(--bg-card);margin-bottom:16px;box-shadow:var(--shadow-sm)}.status-table{width:100%;border-collapse:collapse}.status-table thead{background:var(--bg-table-header);position:sticky;top:0;z-index:10}.status-table th{padding:14px 16px;text-align:left;font-weight:600;color:var(--text-primary);font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-default)}.status-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.status-table th.sortable:hover{background:var(--bg-hover)}.status-table td{padding:14px 16px;border-bottom:1px solid var(--border-default);color:var(--text-primary);transition:background .2s}.status-table tbody tr{transition:all .2s ease}.status-table tbody tr:hover{background:var(--bg-table-row-hover)}.status-table tbody tr.row-working{background:var(--success-light)}.status-table tbody tr.row-working:hover{background:#10b98126}.status-table tbody tr.row-even{background:var(--bg-table-row-even)}.status-table tbody tr.row-odd{background:var(--bg-table-row-odd)}.status-table tbody tr.row-alert{border-left:4px solid var(--error);background:var(--error-light)}.status-table tbody tr.row-alert:hover{background:#ef444426}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-working{background:var(--success-light);color:var(--success-dark);border:1px solid var(--success)}.badge-away{background:var(--error-light);color:var(--error-dark);border:1px solid var(--error)}.time-badge{display:inline-flex;align-items:center;color:var(--success-dark);font-size:14px;font-family:Courier New,monospace;font-weight:600}.time-badge.time-alert{color:var(--error)}.alert-icon{margin-left:4px;font-size:14px;display:inline-flex;align-items:center;vertical-align:middle;color:var(--error)}.btn-action{background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-primary);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s;box-shadow:var(--shadow-sm)}.btn-action:hover{background:var(--bg-hover);border-color:var(--border-focus);transform:scale(1.1)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px;flex-wrap:wrap}.btn-pagination{padding:8px 16px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.btn-pagination:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-focus)}.select-items-per-page{padding:8px 12px;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-default);border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.select-items-per-page:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #10b9811a}@media (max-width: 768px){.status-page{padding:16px}.header-top{flex-direction:column;align-items:flex-start}.header-widgets{width:100%;justify-content:space-between}.stats-bar{flex-direction:column}.stat-item{width:100%}.search-filter-bar{flex-direction:column}.search-wrapper{width:100%}.filter-controls{width:100%;justify-content:space-between}.advanced-filters{flex-direction:column}.advanced-filters select{width:100%}.results-info{flex-direction:column;align-items:flex-start}.status-table thead{display:none}.status-table tbody tr{display:block;margin-bottom:16px;border:1px solid var(--border-default);border-radius:8px;padding:12px;background:var(--bg-card);box-shadow:var(--shadow-sm)}.status-table tbody td{display:flex;justify-content:space-between;padding:8px 0;border:none;border-bottom:1px solid var(--border-default)}.status-table tbody td:last-child{border-bottom:none}.status-table tbody td:before{content:attr(data-label);font-weight:600;color:var(--text-muted);margin-right:12px}.pagination-controls{flex-direction:column}}.employee-list{background:var(--bg-card);border-radius:.5rem;overflow:hidden;border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}.employee-list table{width:100%;border-collapse:collapse;min-width:800px}.employee-list thead{background:var(--bg-table-header);position:sticky;top:0;z-index:10}.employee-list th{padding:1rem;text-align:left;color:var(--text-primary);font-weight:600;border-bottom:1px solid var(--border-default);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.employee-list th.sortable{cursor:pointer;transition:background .2s ease;position:relative}.employee-list th.sortable:hover{background:var(--bg-hover)}.employee-list td{padding:1rem;color:var(--text-primary);border-bottom:1px solid var(--border-default);transition:background .2s ease}.employee-list tbody tr{transition:background .2s ease}.employee-list tbody tr.row-even{background:var(--bg-table-row-even)}.employee-list tbody tr.row-odd{background:var(--bg-table-row-odd)}.employee-list tbody tr:hover{background:var(--bg-table-row-hover)!important}.employee-list tbody tr.row-urgent{background:var(--error-light);border-left:3px solid var(--error)}.employee-list tbody tr.row-urgent:hover{background:#ef444426!important}.employee-list tbody tr.row-selected{background:var(--primary-light, rgba(0, 123, 255, .1))!important;border-left:3px solid var(--primary-color)}.employee-list tbody tr.row-new{position:relative}.checkbox-column{width:50px;text-align:center}.checkbox-column input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.name-cell{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.new-badge{display:inline-block;padding:.125rem .5rem;background:var(--success-color);color:#fff;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;display:inline-block}.date-badge{display:inline-block;padding:.25rem .5rem;background:var(--info-light);border:1px solid var(--info);border-radius:6px;color:var(--info-dark);font-size:.8125rem;font-weight:500}.date-badge.expiring{background:var(--warning-light);border-color:var(--warning);color:var(--warning-dark)}.contract-type-badge{display:inline-block;padding:.25rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);font-size:.8125rem;font-weight:500}.contract-end-info{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.expiring-indicator{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.expiring-indicator.urgent{background:var(--error-light);border:1px solid var(--error);color:var(--error);animation:pulse 2s infinite}.expiring-indicator.warning{background:var(--warning-light);border:1px solid var(--warning);color:var(--warning-dark)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.action-buttons{display:flex;gap:.5rem}.btn-view,.btn-edit,.btn-delete{padding:.5rem;border:none;border-radius:.375rem;cursor:pointer;font-size:1rem;transition:all .2s;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:transparent;box-shadow:var(--shadow-sm)}.btn-view{background:var(--info-light);color:var(--info-dark);border:1px solid var(--info)}.btn-view:hover{background:var(--info);color:var(--text-white);transform:scale(1.1);box-shadow:var(--shadow-md)}.btn-edit{background:var(--info-light);color:var(--info-dark);border:1px solid var(--info)}.btn-edit:hover{background:var(--info);color:var(--text-white);transform:scale(1.1);box-shadow:var(--shadow-md)}.btn-delete{background:var(--error-light);color:var(--error);border:1px solid var(--error)}.btn-delete:hover{background:var(--error);color:var(--text-white);transform:scale(1.1);box-shadow:var(--shadow-md)}.text-muted{color:var(--text-muted);font-style:italic}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:1rem}@media (max-width: 768px){.employee-list thead{display:none}.employee-list tbody tr{display:block;margin-bottom:1rem;border:1px solid var(--border-default);border-radius:8px;padding:1rem;background:var(--bg-card);box-shadow:var(--shadow-sm)}.employee-list tbody td{display:flex;justify-content:space-between;padding:.75rem 0;border:none;border-bottom:1px solid var(--border-default);color:var(--text-primary)}.employee-list tbody td:last-child{border-bottom:none}.employee-list tbody td:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);margin-right:1rem;min-width:120px}.action-buttons{justify-content:flex-end}.contract-end-info{align-items:flex-end}}.photo-upload-container{display:flex;flex-direction:column;gap:1rem;align-items:center}.photo-preview{width:150px;height:150px;border-radius:50%;overflow:hidden;border:3px solid var(--border-color);background:var(--bg-secondary);position:relative;display:flex;align-items:center;justify-content:center}.photo-wrapper{position:relative;width:100%;height:100%}.employee-photo{width:100%;height:100%;object-fit:cover}.btn-remove-photo{position:absolute;top:.25rem;right:.25rem;width:2rem;height:2rem;border-radius:50%;background:var(--danger-color);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .2s;box-shadow:var(--shadow-md)}.btn-remove-photo:hover{background:var(--error-dark);transform:scale(1.1)}.photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;color:var(--text-secondary)}.placeholder-icon{font-size:3rem;opacity:.5}.photo-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.btn-upload-photo,.btn-remove{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-upload-photo{background:var(--primary-color);color:#fff}.btn-upload-photo:hover{background:var(--primary-color-dark, #0056b3)}.btn-remove{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-remove:hover{background:var(--bg-hover)}.photo-hint{font-size:.75rem;color:var(--text-secondary);text-align:center;margin:0}@media (max-width: 768px){.photo-preview{width:120px;height:120px}}.documents-container{padding:1rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.documents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.documents-header h4{margin:0;color:var(--text-primary);font-size:1rem}.btn-add-document{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-add-document:hover{background:var(--primary-color-dark, #0056b3)}.upload-section{padding:1rem;background:var(--bg-primary);border-radius:var(--border-radius);border:1px dashed var(--border-color);margin-bottom:1rem;text-align:center}.btn-upload-document{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--info);color:#fff;border:none;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-upload-document:hover{background:var(--info-dark)}.upload-hint{margin:.5rem 0 0;font-size:.75rem;color:var(--text-secondary)}.documents-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.empty-icon{font-size:3rem;opacity:.3;margin-bottom:.5rem}.documents-list{display:flex;flex-direction:column;gap:.75rem}.document-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all .2s}.document-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.document-info{display:flex;align-items:center;gap:.75rem;flex:1}.document-icon{font-size:1.5rem}.document-details{display:flex;flex-direction:column;gap:.25rem}.document-name{font-weight:500;color:var(--text-primary);font-size:.9rem}.document-meta{font-size:.75rem;color:var(--text-secondary)}.document-actions{display:flex;gap:.5rem}.btn-download,.btn-delete-doc{padding:.5rem;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;transition:all .2s;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.btn-download{background:var(--info-light);color:var(--info-dark);border:1px solid var(--info)}.btn-download:hover{background:var(--info);color:#fff}.btn-delete-doc{background:var(--error-light);color:var(--error);border:1px solid var(--error)}.btn-delete-doc:hover{background:var(--error);color:#fff}@media (max-width: 768px){.document-item{flex-direction:column;align-items:flex-start;gap:.75rem}.document-actions{width:100%;justify-content:flex-end}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.employee-form-modal{background:var(--bg-card);border-radius:.75rem;border:1px solid var(--border-default);max-width:900px;width:100%;max-height:95vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl)}.modal-header h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.form-progress-bar{position:relative;width:100%;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-top:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--success) 0%,var(--info) 100%);transition:width .3s ease;border-radius:4px}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);z-index:1}.tabs-container{border-bottom:1px solid var(--border-default);overflow-x:auto;background:var(--bg-secondary)}.tabs{display:flex;gap:.5rem;padding:0 1rem;min-width:max-content}.tab{background:transparent;border:none;color:var(--text-muted);padding:.75rem 1.25rem;cursor:pointer;font-size:.875rem;font-weight:500;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}.tab:hover{color:var(--text-primary);background:var(--info-light)}.tab.active{color:var(--info-dark);border-bottom-color:var(--info);font-weight:600}.tab.complete{position:relative}.tab.complete:after{content:"";position:absolute;top:.5rem;right:.5rem;width:.5rem;height:.5rem;background:var(--success);border-radius:50%}.tab.has-error{color:var(--error)}.tab-check{margin-left:.5rem;color:var(--success);font-size:.75rem}.tab-error{margin-left:.5rem;color:var(--error);font-size:.75rem}.employee-form{flex:1;overflow-y:auto;padding:1.5rem;background:var(--bg-card)}.tab-content{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:0}.form-group label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500;font-size:.875rem}.required{color:var(--error);font-weight:600}.tooltip-trigger{position:relative;cursor:help;color:var(--text-muted);font-size:.875rem;display:inline-flex;align-items:center}.field-wrapper{position:relative;display:flex;align-items:center}.field-wrapper input,.field-wrapper select,.field-wrapper textarea{flex:1;padding-right:2rem}.field-wrapper.valid input,.field-wrapper.valid select,.field-wrapper.valid textarea{border-color:var(--success)}.field-wrapper.error input,.field-wrapper.error select,.field-wrapper.error textarea{border-color:var(--error)}.field-wrapper.checking input,.field-wrapper.checking select,.field-wrapper.checking textarea{border-color:var(--info)}.validation-spinner,.validation-check,.validation-error-icon{position:absolute;right:.75rem;pointer-events:none;font-size:1rem}.validation-spinner{color:var(--info);animation:spin .6s linear infinite}.validation-check{color:var(--success)}.validation-error-icon{color:var(--error)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:.375rem;color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:all .2s}.form-group textarea{resize:vertical;min-height:80px}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:0}.checkbox-label input[type=checkbox]{width:auto;margin:0;cursor:pointer}.checkbox-label span{color:var(--text-secondary);font-weight:400}.error{color:var(--error);font-size:.75rem;margin-top:.25rem;display:block;font-weight:500}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-default);position:sticky;bottom:0;background:var(--bg-card);box-shadow:0 -2px 8px #0000000d}.btn-cancel,.btn-save{padding:.75rem 1.5rem;border:none;border-radius:.375rem;cursor:pointer;font-weight:500;transition:all .2s;font-size:.9375rem;box-shadow:var(--shadow-sm)}.btn-cancel:hover{background:var(--text-disabled);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-save{background:var(--success);color:var(--text-white)}.btn-save:hover:not(:disabled){background:var(--success-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-save:disabled{opacity:.6;cursor:not-allowed;background:var(--text-disabled)}.btn-save-continue{padding:.75rem 1.5rem;border:none;border-radius:.375rem;cursor:pointer;font-weight:500;transition:all .2s;font-size:.9375rem;background:var(--info);color:var(--text-white);display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-sm)}.btn-save-continue:hover:not(:disabled){background:var(--info-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-save-continue:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:spin .6s linear infinite}@media (max-width: 768px){.employee-form-modal{max-width:100%;max-height:100vh;border-radius:0}.form-row{grid-template-columns:1fr}.tabs{padding:0 .5rem}.tab{padding:.5rem .75rem;font-size:.8125rem}}.employee-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.employee-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:1.5rem;transition:all .2s ease;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-sm)}.employee-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-hover)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-default)}.card-title{flex:1}.card-title h4{margin:0 0 .25rem;color:var(--text-primary);font-size:1.125rem;font-weight:600;word-break:break-word;line-height:1.4}.card-dni{color:var(--text-muted);font-size:.875rem}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap}.status-badge.active{background:var(--success-dark, #059669);color:var(--text-white);font-weight:600}.status-badge.inactive{background:var(--text-muted);color:var(--text-white)}.card-body{display:flex;flex-direction:column;gap:.75rem;flex:1}.card-info{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;min-height:1.5rem}.info-label{color:var(--text-muted);font-size:.875rem;font-weight:500;flex-shrink:0;min-width:120px}.info-value{color:var(--text-primary);font-size:.875rem;text-align:right;display:flex;align-items:center;gap:.5rem;flex:1;word-break:break-word;justify-content:flex-end}.info-value.expiring{color:var(--warning-dark);font-weight:600}.expiring-badge{padding:.125rem .5rem;background:var(--warning-light);border:1px solid var(--warning);border-radius:4px;font-size:.75rem;font-weight:600;color:var(--warning-dark);display:inline-flex;align-items:center;gap:.25rem}.card-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-default)}.btn-edit-card,.btn-delete-card{flex:1;padding:.75rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-edit-card{background:var(--info);color:var(--text-white)}.btn-edit-card:hover{background:var(--info-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-delete-card{background:var(--error);color:var(--text-white)}.btn-delete-card:hover{background:var(--error-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.employee-cards-grid{grid-template-columns:1fr;gap:1rem}.employee-card{padding:1rem}.card-actions{flex-direction:column}.info-label{min-width:100px;font-size:.8125rem}.info-value{font-size:.8125rem}}@media (max-width: 480px){.employee-cards-grid{grid-template-columns:1fr;gap:.75rem}.employee-card{padding:.875rem}.card-info{flex-direction:column;align-items:flex-start;gap:.25rem}.info-label{min-width:auto;font-weight:600}.info-value{text-align:left;justify-content:flex-start;width:100%}.card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.status-badge{align-self:flex-start}}.employee-stats{margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.stat-icon{font-size:2rem;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--info-light);flex-shrink:0;color:var(--info-dark)}.stat-active .stat-icon{background:var(--success-light);color:var(--success-dark)}.stat-inactive .stat-icon{background:var(--bg-secondary);color:var(--text-muted)}.stat-warning .stat-icon{background:var(--warning-light);color:var(--warning-dark)}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-weight:600}.stat-percentage{font-size:.75rem;color:var(--text-secondary);font-weight:500}.stat-details{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.detail-item{font-size:.75rem;padding:.25rem .5rem;background:var(--warning-light);border:1px solid var(--warning);border-radius:4px;color:var(--warning-dark);font-weight:600}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem;flex-direction:column;text-align:center}.stat-icon{width:3rem;height:3rem;font-size:1.5rem}.stat-value{font-size:1.5rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.employee-charts{margin-bottom:2rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;box-shadow:var(--shadow-sm)}.charts-title{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem;display:flex;align-items:center;gap:.5rem}.chart-card{padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.chart-card h4{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.chart-content{display:flex;flex-direction:column;gap:1rem}.chart-bar-item{display:flex;flex-direction:column;gap:.5rem}.bar-label{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.bar-name{color:var(--text-primary);font-weight:500}.bar-value{color:#212529!important;font-weight:700;font-size:.95rem}.bar-container{width:100%;height:24px;background:var(--bg-tertiary);border-radius:12px;overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:12px;transition:width .3s ease;min-width:4px}.bar-fill.urgent{background:var(--danger-color)}.bar-fill.warning{background:var(--warning-color)}.bar-fill.info{background:var(--info)}.bar-fill.success{background:var(--success-color)}@media (max-width: 768px){.charts-grid{grid-template-columns:1fr}.chart-card{padding:1rem}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .2s ease-in-out}.confirm-modal-content{background:var(--bg-card);border-radius:.75rem;border:1px solid var(--border-default);max-width:500px;width:100%;box-shadow:var(--shadow-xl);animation:slideUp .3s ease-out}.confirm-modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--border-default)}.confirm-icon{font-size:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.confirm-icon-danger{background:var(--error-light);color:var(--error)}.confirm-icon-warning{background:var(--warning-light);color:var(--warning)}.confirm-icon-info{background:var(--info-light);color:var(--info)}.confirm-modal-header h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.confirm-modal-body{padding:1.5rem}.confirm-modal-body p{color:var(--text-secondary);margin:0;line-height:1.6;font-size:.9375rem}.confirm-bulk-message{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.confirm-bulk-message p{margin-bottom:1rem}.confirm-bulk-message p:last-child{margin-bottom:0}.employees-preview{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-default)}.preview-title{font-weight:600;color:var(--text-primary);margin-bottom:.75rem!important;font-size:.875rem}.preview-list li{padding:.5rem 0;border-bottom:1px solid var(--border-default);color:var(--text-secondary);font-size:.875rem}.preview-list strong{color:var(--text-primary);font-weight:600}.preview-meta{color:var(--text-muted);font-size:.8125rem}.preview-many{margin-top:.75rem!important;font-size:.8125rem;color:var(--text-muted);font-style:italic}.confirm-modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--border-default);background:var(--bg-secondary)}.btn-cancel-modal,.btn-confirm-modal{padding:.75rem 1.5rem;border:none;border-radius:.375rem;cursor:pointer;font-weight:500;font-size:.9375rem;transition:all .2s;box-shadow:var(--shadow-sm)}.btn-cancel-modal{background:var(--text-muted);color:var(--text-white)}.btn-cancel-modal:hover{background:var(--text-disabled)}.btn-confirm-danger{background:var(--error);color:var(--text-white)}.btn-confirm-danger:hover{background:var(--error-dark)}.btn-confirm-warning{background:var(--warning);color:var(--text-white)}.btn-confirm-warning:hover{background:var(--warning-dark)}.btn-confirm-info{background:var(--info);color:var(--text-white)}.btn-confirm-info:hover{background:var(--info-dark)}@media (max-width: 768px){.confirm-modal-content{max-width:100%;margin:1rem}.confirm-modal-header,.confirm-modal-body{padding:1rem}.confirm-modal-footer{flex-direction:column-reverse;padding:1rem}.btn-cancel-modal,.btn-confirm-modal{width:100%}}.employee-bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem;margin-bottom:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);gap:1rem;flex-wrap:wrap}.bulk-actions-info{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-size:.95rem}.bulk-actions-info .info-icon{color:var(--primary-color);font-size:1.2rem}.bulk-actions-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.btn-bulk{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:var(--border-radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-bulk:disabled{opacity:.6;cursor:not-allowed}.btn-bulk.btn-activate{background:var(--success-color);color:#fff}.btn-bulk.btn-activate:hover:not(:disabled){background:var(--success-color-dark, #28a745)}.btn-bulk.btn-deactivate{background:var(--warning-color);color:#fff}.btn-bulk.btn-deactivate:hover:not(:disabled){background:var(--warning-color-dark, #ffc107)}.btn-bulk.btn-export{background:var(--primary-color);color:#fff}.btn-bulk.btn-export:hover:not(:disabled){background:var(--primary-color-dark, #0056b3)}.btn-bulk.btn-delete{background:var(--danger-color);color:#fff}.btn-bulk.btn-delete:hover:not(:disabled){background:var(--danger-color-dark, #dc3545)}.btn-bulk.btn-cancel{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-bulk.btn-cancel:hover:not(:disabled){background:var(--bg-hover)}.confirm-bulk-message{color:var(--text-primary)}.confirm-bulk-message .warning-text{color:var(--danger-color);font-weight:600}.employees-preview{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.preview-title{font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.preview-list{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.preview-list li{padding:.5rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.preview-list li:last-child{border-bottom:none}.preview-meta{color:var(--text-secondary);font-size:.9rem}.preview-many{margin-top:.5rem;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.employee-bulk-actions-bar{flex-direction:column;align-items:stretch}.bulk-actions-buttons{flex-direction:column}.btn-bulk{width:100%;justify-content:center}}.quick-view-overlay{animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quick-view-modal{max-width:900px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out;box-shadow:var(--shadow-xl)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.quick-view-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0;padding:2rem 1.5rem;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-card) 100%);border-radius:var(--border-radius) var(--border-radius) 0 0}.header-main{display:flex;align-items:center;gap:1.5rem;flex:1}.employee-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid var(--primary-color);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-md)}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-secondary);font-size:2rem}.header-info{flex:1}.quick-view-header h3{margin:0 0 .75rem;color:var(--text-primary);font-size:1.75rem;font-weight:700}.header-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;padding:.25rem .75rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.meta-item svg{color:var(--primary-color);font-size:.875rem}.quick-view-actions{display:flex;gap:.5rem}.quick-view-actions{display:flex;gap:.75rem;align-items:center}.quick-view-actions .btn-edit{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:var(--shadow-sm)}.quick-view-actions .btn-edit:hover{background:var(--primary-color-dark, #0056b3);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-view-actions .btn-close{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:1.25rem}.quick-view-actions .btn-close:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover);transform:rotate(90deg)}.quick-view-content{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.quick-view-section{padding:1.5rem;background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .2s}.quick-view-section:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.quick-view-section.status-section{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-card) 100%);border:2px solid var(--border-color)}.quick-view-section h4{margin:0 0 1.25rem;color:var(--text-primary);font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.section-icon-fa{color:var(--primary-color);font-size:1.1rem}.status-badge-container{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.status-badge{padding:.75rem 1.25rem;border-radius:var(--border-radius);font-weight:700;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-sm);transition:all .2s}.status-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.status-badge.active{background:linear-gradient(135deg,var(--success-dark, #059669) 0%,var(--success, #10b981) 100%);color:#fff;font-weight:700}.status-badge.inactive{background:linear-gradient(135deg,var(--error-dark, #dc2626) 0%,var(--error, #ef4444) 100%);color:#fff}.contract-alert{padding:.75rem 1.25rem;border-radius:var(--border-radius);font-weight:700;font-size:.95rem;display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-sm);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}.contract-alert.urgent{background:linear-gradient(135deg,var(--error-dark, #dc2626) 0%,var(--error, #ef4444) 100%);color:#fff}.contract-alert.warning{background:linear-gradient(135deg,var(--warning-dark, #d97706) 0%,var(--warning, #f59e0b) 100%);color:#fff}.quick-view-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.info-list{display:flex;flex-direction:column;gap:.5rem}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;border-radius:var(--border-radius);gap:1rem;transition:all .2s;border:1px solid transparent}.info-row:hover{background:var(--bg-secondary);border-color:var(--border-color)}.info-row.highlight{background:var(--bg-secondary);border:1px solid var(--border-color);font-weight:600}.info-row.highlight .info-value{font-weight:700;color:var(--primary-color)}.info-label{font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;min-width:160px;font-size:.9rem}.info-label svg{color:var(--primary-color);font-size:.875rem}.info-value{color:var(--text-primary);text-align:right;flex:1;font-size:.95rem;word-break:break-word}.info-value.empty{color:var(--text-muted);font-style:italic}.empty-value{color:var(--text-muted);font-style:italic;font-weight:400}.salary-value{font-size:1.1rem;font-weight:700;color:var(--success-dark, #059669)}.contact-link{color:var(--primary-color);text-decoration:none;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;gap:.25rem}.contact-link:hover{color:var(--primary-color-dark, #0056b3);text-decoration:underline;transform:translate(2px)}.notes-section{background:linear-gradient(135deg,var(--info-light) 0%,var(--bg-card) 100%);border:2px solid var(--info)}.notes-container{background:var(--bg-primary);padding:1.25rem;border-radius:var(--border-radius);border:1px solid var(--border-color)}.notes-text{color:var(--text-primary);line-height:1.8;white-space:pre-wrap;margin:0;font-size:.95rem}@media (max-width: 768px){.quick-view-modal{width:95%;max-height:95vh}.quick-view-grid{grid-template-columns:1fr}.info-row{flex-direction:column;gap:.25rem}.info-value{text-align:left}}.advanced-search-modal{background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);max-width:900px;width:90%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;position:relative;z-index:1000;margin:auto}.advanced-search-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--border-radius) var(--border-radius) 0 0}.advanced-search-header h3{margin:0;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.advanced-search-header .btn-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:var(--border-radius);transition:all .2s}.advanced-search-header .btn-close:hover{background:var(--bg-hover);color:var(--text-primary)}.advanced-search-content{padding:1.5rem;flex:1;overflow-y:auto}.search-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.search-section:last-child{border-bottom:none;margin-bottom:0}.search-section h4{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-group label{font-weight:500;color:var(--text-secondary);font-size:.9rem}.form-group input,.form-group select{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a}.advanced-search-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:2px solid var(--border-color);background:var(--bg-secondary);border-radius:0 0 var(--border-radius) var(--border-radius)}.btn-clear,.btn-apply{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-clear{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-clear:hover:not(:disabled){background:var(--bg-hover)}.btn-clear:disabled{opacity:.5;cursor:not-allowed}.btn-apply{background:var(--primary-color);color:#fff}.btn-apply:hover{background:var(--primary-color-dark, #0056b3)}@media (max-width: 768px){.advanced-search-modal{width:95%;max-height:95vh}.form-row{grid-template-columns:1fr}.advanced-search-actions{flex-direction:column}.btn-clear,.btn-apply{width:100%;justify-content:center}}.import-modal{max-width:1000px;width:90%;max-height:90vh;overflow-y:auto}.import-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--border-radius) var(--border-radius) 0 0}.import-header h3{margin:0;color:var(--text-primary)}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;border:2px dashed var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);text-align:center;gap:1rem}.upload-icon{font-size:3rem;color:var(--primary-color)}.upload-area h4{margin:0;color:var(--text-primary)}.upload-area p{margin:0;color:var(--text-secondary);font-size:.9rem}.file-label{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:all .2s}.file-label:hover{background:var(--primary-color-dark, #0056b3)}.mapping-table{overflow-x:auto}.mapping-table table{width:100%;border-collapse:collapse}.mapping-table th,.mapping-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.mapping-table th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.mapping-table select{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary)}.preview-stats{display:flex;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--border-radius)}.stat-valid,.stat-invalid{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:600}.stat-valid{background:var(--success-color);color:#fff}.stat-invalid{background:var(--danger-color);color:#fff}.preview-table{overflow-x:auto;max-height:400px;overflow-y:auto}.preview-table table{width:100%;border-collapse:collapse}.preview-table th,.preview-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.preview-table th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600;position:sticky;top:0;z-index:10}.preview-table tr.row-valid{background:var(--success-light, rgba(40, 167, 69, .1))}.preview-table tr.row-invalid{background:var(--error-light, rgba(220, 53, 69, .1))}.status-valid,.status-invalid{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:600}.status-valid{background:var(--success-color);color:#fff}.status-invalid{background:var(--danger-color);color:#fff}.error-item{color:var(--danger-color);font-size:.875rem}.warning-item{color:var(--warning-color);font-size:.875rem}.preview-more{text-align:center;padding:1rem;color:var(--text-secondary);font-style:italic}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.import-results{display:flex;flex-direction:column;gap:1rem}.result-item{display:flex;align-items:center;gap:.5rem;padding:1rem;border-radius:var(--border-radius);font-weight:600}.result-item.success{background:var(--success-color);color:#fff}.result-item.error{background:var(--danger-color);color:#fff}.errors-list{padding:1rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.errors-list h5{margin:0 0 .5rem;color:var(--text-primary)}.errors-list ul{margin:0;padding-left:1.5rem;color:var(--text-primary)}.import-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-cancel,.btn-primary{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-color-dark, #0056b3)}@media (max-width: 768px){.import-modal{width:95%}.upload-area{padding:2rem 1rem}.preview-table{font-size:.875rem}.import-actions{flex-direction:column}.btn-cancel,.btn-primary{width:100%}}.bulk-import-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bulk-import-modal{max-width:1000px;width:90%;max-height:90vh;overflow-y:auto;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-lg)}.import-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--border-default);background:var(--bg-secondary);border-radius:12px 12px 0 0;position:sticky;top:0;z-index:10}.import-header h3{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.btn-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s}.import-content{padding:1.5rem}.import-step{display:flex;flex-direction:column;gap:1.5rem}.template-section{padding:1.5rem;background:var(--info-light);border:1px solid var(--info);border-radius:8px;text-align:center}.template-section h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1.125rem}.template-section p{margin:0 0 1rem;color:var(--text-muted);font-size:.875rem}.btn-download-template{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--info);color:var(--text-white);border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.btn-download-template:hover{background:var(--info-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;border:2px dashed var(--border-default);border-radius:8px;background:var(--bg-secondary);text-align:center;gap:1rem;transition:all .2s}.upload-area:hover{border-color:var(--info);background:var(--info-light)}.upload-icon{font-size:3rem;color:var(--info)}.upload-area h4{margin:0;color:var(--text-primary);font-size:1.25rem}.upload-area p{margin:0;color:var(--text-muted);font-size:.875rem}.file-input{display:none}.file-label{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--info);color:var(--text-white);border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.file-label:hover{background:var(--info-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.preview-stats{display:flex;gap:1rem;margin-bottom:1rem}.stat-valid,.stat-invalid{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem}.stat-valid{background:var(--success-light);color:var(--success-dark)}.stat-invalid{background:var(--error-light);color:var(--error-dark)}.preview-table{overflow-x:auto;border:1px solid var(--border-default);border-radius:8px;max-height:400px;overflow-y:auto}.preview-table table{width:100%;border-collapse:collapse;font-size:.875rem}.preview-table thead{position:sticky;top:0;background:var(--bg-table-header);z-index:5}.preview-table th{padding:.75rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-default);background:var(--bg-table-header)}.preview-table td{padding:.75rem;border-bottom:1px solid var(--border-default);color:var(--text-primary)}.preview-table tbody tr.row-valid{background:var(--bg-table-row-even)}.preview-table tbody tr.row-invalid{background:var(--error-light)}.preview-table tbody tr:hover{background:var(--bg-hover)}.status-valid,.status-invalid{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-valid{background:var(--success-light);color:var(--success-dark)}.status-invalid{background:var(--error-light);color:var(--error-dark)}.errors,.warnings{display:flex;flex-direction:column;gap:.25rem}.error-item,.warning-item{font-size:.75rem;padding:.25rem .5rem;border-radius:4px}.error-item{background:var(--error-light);color:var(--error-dark)}.warning-item{background:var(--warning-light);color:var(--warning-dark)}.preview-more{padding:1rem;text-align:center;color:var(--text-muted);font-size:.875rem;font-style:italic}.import-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-default)}.btn-cancel,.btn-primary{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.btn-cancel:hover{background:var(--bg-hover)}.btn-primary{background:var(--success);color:var(--text-white);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--success-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.importing-status{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.spinner{font-size:2rem;color:var(--info);animation:spin 1s linear infinite}.import-results{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.result-item{display:flex;align-items:center;gap:.5rem;padding:1rem;border-radius:8px;font-weight:500}.result-item.success{background:var(--success-light);color:var(--success-dark)}.result-item.warning{background:var(--warning-light);color:var(--warning-dark)}.result-item.error{background:var(--error-light);color:var(--error-dark)}.errors-list{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-default)}.errors-list h5{margin:0 0 .5rem;color:var(--text-primary);font-size:.875rem;font-weight:600}.errors-list ul{margin:0;padding-left:1.5rem;color:var(--text-muted);font-size:.875rem}.errors-list li{margin-bottom:.25rem}.errors-list p{margin:.5rem 0 0;color:var(--text-muted);font-size:.75rem;font-style:italic}@media (max-width: 768px){.bulk-import-modal{width:95%;max-height:95vh}.import-header,.import-content{padding:1rem}.upload-area{padding:2rem 1rem}.preview-table{font-size:.75rem}.preview-table th,.preview-table td{padding:.5rem}.import-actions{flex-direction:column}.btn-cancel,.btn-primary{width:100%}}.skeleton-line{height:1rem;background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-hover) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;margin-bottom:.5rem}.skeleton-line:last-child{margin-bottom:0}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius)}.skeleton-title{height:1.5rem;width:60%;margin-bottom:1rem}.skeleton-text{height:1rem}.skeleton-table{width:100%}.skeleton-table-header{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;padding:1rem;background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.skeleton-header{height:1.25rem}.skeleton-table-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;padding:1rem;border-bottom:1px solid var(--border-color)}.skeleton-cell{height:1rem}.skeleton-list{display:flex;flex-direction:column;gap:.75rem}.skeleton-list-item{height:1.25rem}@media (max-width: 768px){.skeleton-table-header,.skeleton-table-row{grid-template-columns:1fr;gap:.5rem}}.employees-page{width:100%;padding:20px;max-width:1400px;margin:0 auto;background-color:var(--bg-primary)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-header h2{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.view-toggle{display:flex;background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;padding:.25rem;gap:.25rem;box-shadow:var(--shadow-sm)}.view-btn{padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:1.125rem;transition:all .2s;color:var(--text-muted)}.view-btn.active{background:var(--info);color:var(--text-white)}.export-buttons{display:flex;gap:.5rem}.btn-export{padding:.5rem 1rem;border:1px solid var(--border-default);border-radius:6px;background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:6px}.btn-export-csv:hover{border-color:var(--success);background:var(--success-light)}.btn-export-excel:hover{border-color:var(--info);background:var(--info-light)}.btn-import{background:var(--success);color:var(--text-white);border:none;padding:.75rem 1.5rem;border-radius:.375rem;cursor:pointer;font-weight:500;box-shadow:var(--shadow-sm);transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-import:hover{background:var(--success-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.import-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.btn-import-attendances{background:var(--info)}.btn-import-attendances:hover{background:var(--info-dark)}.btn-primary{background:var(--info);color:var(--text-white);border:none;padding:.75rem 1.5rem;border-radius:.375rem;cursor:pointer;font-weight:500;box-shadow:var(--shadow-sm);transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-primary:hover{background:var(--info-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.filters-section{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.search-filters{display:flex;flex-direction:column;gap:1rem}.search-box{flex:1;display:flex;gap:.5rem;align-items:center}.search-input{flex:1;padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:.9375rem;transition:all .2s}.btn-advanced-search{padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1rem;transition:all .2s;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-sm);white-space:nowrap}.btn-advanced-search:hover{background:var(--bg-hover);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-advanced-search.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.search-input::placeholder{color:var(--text-muted)}.filter-group{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.filter-select{padding:.625rem .875rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s;min-width:150px}.btn-clear-filters{padding:.625rem 1rem;background:var(--text-muted);border:none;border-radius:6px;color:var(--text-white);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-sm)}.btn-clear-filters:hover{background:var(--text-disabled);transform:translateY(-1px);box-shadow:var(--shadow-md)}.results-info{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-default);color:var(--text-muted);font-size:.875rem;text-align:right;font-weight:500}.loading{text-align:center;padding:3rem;color:var(--text-muted);font-size:1.125rem}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;flex-wrap:wrap;gap:1rem;box-shadow:var(--shadow-sm)}.pagination-controls{display:flex;align-items:center;gap:1rem}.pagination-btn{padding:.625rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;box-shadow:var(--shadow-sm)}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-focus);transform:translateY(-1px);box-shadow:var(--shadow-md)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary)}.pagination-info{color:var(--text-secondary);font-size:.9375rem;font-weight:500}.pagination-size{display:flex;align-items:center;gap:.5rem}.pagination-size label{color:var(--text-muted);font-size:.875rem;font-weight:500}.items-per-page-select{padding:.5rem .75rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s}.items-per-page-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.employees-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.filters-section{padding:1rem}.filter-group{flex-direction:column;width:100%}.filter-select{width:100%;min-width:auto}.btn-clear-filters{width:100%;justify-content:center}.pagination{flex-direction:column;align-items:stretch}.pagination-controls,.pagination-size{justify-content:center;width:100%}}@media (max-width: 480px){.employees-page{padding:12px}.page-header h2{font-size:1.5rem}.header-actions{flex-direction:column;width:100%}.view-toggle,.export-buttons,.btn-primary{width:100%;justify-content:center}}.signature-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .2s ease-in-out}.signature-modal-content{background:var(--bg-card);border-radius:.75rem;border:1px solid var(--border-default);max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp .3s ease-out}.signature-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-default);background:var(--bg-card)}.signature-modal-header h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.signature-modal-body{flex:1;overflow-y:auto;padding:1.5rem;background:var(--bg-card)}.signature-section{margin-bottom:2rem}.signature-section:last-child{margin-bottom:0}.signature-label{color:var(--text-secondary);font-size:.875rem;margin-bottom:.75rem;font-weight:500}.signature-image-container{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:.5rem;padding:1rem;display:flex;justify-content:center;align-items:center;min-height:200px;position:relative}.signature-image{max-width:100%;max-height:400px;height:auto;border-radius:.25rem;box-shadow:var(--shadow-md);background:#fff}.no-signatures{text-align:center;color:var(--text-muted);padding:3rem 1rem;font-size:.9375rem}.signature-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-default);display:flex;justify-content:flex-end;background:var(--bg-card)}.btn-close-modal{padding:.75rem 1.5rem;background:var(--text-muted);color:var(--text-white);border:none;border-radius:.375rem;cursor:pointer;font-weight:500;font-size:.9375rem;transition:all .2s;box-shadow:var(--shadow-sm)}.btn-close-modal:hover{background:var(--text-disabled);box-shadow:var(--shadow-md)}@media (max-width: 768px){.signature-modal-content{max-width:100%;max-height:100vh;border-radius:0;margin:0}.signature-modal-overlay{padding:0}.signature-image{max-height:300px}.signature-modal-header,.signature-modal-body,.signature-modal-footer{padding:1rem}}.edit-record-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.edit-record-modal-content{background:var(--bg-card);border-radius:.5rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.edit-record-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-default)}.edit-record-modal-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.btn-close{padding:.5rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:.25rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.edit-record-modal-body{padding:1.5rem}.record-info{background:var(--bg-secondary);padding:1rem;border-radius:.375rem;margin-bottom:1.5rem}.info-item{margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem}.info-item:last-child{margin-bottom:0}.info-item strong{color:var(--text-primary);margin-right:.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500;margin-bottom:.5rem;font-size:.875rem}.required{color:var(--error)}.form-group input,.form-group textarea{width:100%;padding:.75rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:.375rem;color:var(--text-primary);font-size:1rem;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.form-group small{display:block;margin-top:.25rem;color:var(--text-muted);font-size:.75rem}.edit-warning{background:var(--warning-light);border:1px solid var(--warning);border-radius:.375rem;padding:1rem;margin-bottom:1.5rem;color:var(--warning-dark)}.edit-warning strong{display:block;margin-bottom:.5rem}.previous-note{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--warning);font-size:.875rem}.previous-note strong{display:inline;margin-right:.5rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-default)}.btn-cancel,.btn-save{padding:.75rem 1.5rem;border:1px solid var(--border-default);border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-cancel{background:var(--bg-card);color:var(--text-secondary)}.btn-cancel:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-save{background:var(--success);color:var(--text-white);border-color:var(--success);font-weight:600}.btn-save:hover:not(:disabled){background:var(--success-dark);border-color:var(--success-dark);transform:translateY(-1px);box-shadow:0 4px 6px -1px #10b9814d}.btn-save:active:not(:disabled){transform:translateY(0)}.btn-cancel:disabled,.btn-save:disabled{opacity:.6;cursor:not-allowed}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:var(--text-white);border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 768px){.edit-record-modal-overlay{padding:.5rem;align-items:flex-end}.edit-record-modal-content{max-width:100%;margin:0;max-height:95vh;border-radius:1rem 1rem 0 0}.edit-record-modal-header{padding:1rem 1.25rem}.edit-record-modal-header h3{font-size:1.125rem}.edit-record-modal-body{padding:1.25rem 1.25rem 2rem}.form-actions{flex-direction:row;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;position:sticky;bottom:0;background:var(--bg-card);padding-bottom:1rem;margin-bottom:-1rem}.btn-cancel,.btn-save{flex:1;min-height:48px;font-size:.9375rem;justify-content:center;padding:.875rem 1rem}.form-group input,.form-group textarea{font-size:16px;min-height:44px;padding:.875rem}}@media (max-width: 480px){.edit-record-modal-content{max-height:98vh}.form-actions{gap:.5rem}.btn-cancel,.btn-save{min-height:52px;font-size:1rem}}.password-confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:1rem;animation:fadeIn .2s ease}.password-confirm-modal-content{background:var(--bg-card);border-radius:.75rem;max-width:450px;width:100%;box-shadow:var(--shadow-xl);animation:slideUp .3s ease}.password-confirm-modal-header{padding:2rem 1.5rem 1rem;text-align:center;border-bottom:1px solid var(--border-default)}.password-icon{display:flex;justify-content:center;margin-bottom:1rem}.password-icon svg{font-size:2.5rem;color:var(--warning)}.password-confirm-modal-header h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.25rem;font-weight:600}.password-modal-description{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.password-confirm-modal-body{padding:1.5rem}.password-confirm-modal-body .form-group{margin-bottom:0}.password-confirm-modal-body .form-group label{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500;margin-bottom:.5rem;font-size:.875rem}.password-confirm-modal-body .form-group input{width:100%;padding:.75rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:.375rem;color:var(--text-primary);font-size:1rem;transition:all .2s;font-family:inherit}.password-confirm-modal-body .form-group input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.password-confirm-modal-body .error-message{display:block;margin-top:.5rem;color:var(--error);font-size:.875rem}.password-confirm-modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--border-default)}.btn-confirm{padding:.75rem 1.5rem;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:.5rem;background:var(--success);color:var(--text-white)}.btn-confirm:hover:not(:disabled){background:var(--success-dark);transform:translateY(-1px);box-shadow:0 4px 6px -1px #10b9814d}.btn-confirm:active:not(:disabled){transform:translateY(0)}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.password-confirm-modal-content{max-width:100%;margin:0}.password-confirm-modal-header{padding:1.5rem 1.25rem 1rem}.password-confirm-modal-body{padding:1.25rem}.password-confirm-modal-actions{flex-direction:row;gap:.75rem;padding:1rem 1.25rem 1.25rem}.btn-confirm{flex:1;min-height:48px;justify-content:center}}.report-table-container{margin-top:24px}.table-info{margin-bottom:12px;color:var(--text-secondary);font-size:14px}.page-info{color:var(--text-muted)}.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border-default);background:var(--bg-card);box-shadow:var(--shadow-sm)}.report-table{width:100%;border-collapse:collapse}.report-table thead{background:var(--bg-table-header)}.report-table th{padding:14px 16px;text-align:left;font-weight:600;color:var(--text-primary);font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-default);white-space:nowrap;position:relative}.report-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.report-table th.sortable:hover{background:var(--bg-hover)}.sort-icon{margin-left:.5rem;font-size:.75rem;opacity:.6}.checkbox-column{width:40px;text-align:center}.checkbox-column input[type=checkbox]{cursor:pointer;width:18px;height:18px}.report-table td{padding:14px 16px;border-bottom:1px solid var(--border-default);color:var(--text-primary)}.report-table tbody tr{background:var(--bg-table-row-even);transition:background .2s}.report-table tbody tr:nth-child(odd){background:var(--bg-table-row-odd)}.report-table tbody tr:hover{background:var(--bg-table-row-hover)!important}.report-table tbody tr.row-edited{background:var(--warning-light)}.report-table tbody tr.row-edited:hover{background:#fbbf2433}.report-table tbody tr.row-incomplete{border-left:3px solid var(--error)}.report-table tbody tr.row-selected{background:var(--info-light)!important}.report-table tbody tr.row-selected:hover{background:#3b82f633!important}.edited-badge{margin-left:6px;font-size:12px;cursor:help}.extra-hours{color:var(--warning-dark);font-weight:600}.cell-actions{display:flex;gap:.5rem;align-items:center;justify-content:center}.btn-action{padding:.5rem;border:1px solid var(--border-default);border-radius:.375rem;background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-size:.875rem;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem}.btn-action:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-edit:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-view:hover{border-color:var(--success);color:var(--success-dark)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.time-cell{display:flex;align-items:center;gap:.5rem}.hours-badge{font-weight:600;color:var(--text-primary)}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;margin-left:.5rem}.text-muted{color:var(--text-muted)}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px}.pagination-info{color:var(--text-secondary);font-size:14px}.btn-pagination{padding:8px 16px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-size:14px;transition:all .2s;box-shadow:var(--shadow-sm)}.btn-pagination:hover:not(:disabled){background:var(--bg-hover);border-color:var(--success);box-shadow:var(--shadow-md)}.btn-pagination:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary)}@media (max-width: 768px){.table-wrap{overflow-x:scroll}.report-table{min-width:800px}.pagination{flex-direction:column;gap:12px}}.report-filters{background:var(--bg-card);padding:1.5rem;border-radius:.5rem;margin-bottom:2rem;border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-default)}.filters-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.active-filters-badge{background:var(--primary-color);color:var(--text-white);border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.filters-actions{display:flex;gap:.75rem;align-items:center}.btn-clear-filters,.btn-toggle-advanced{padding:.5rem 1rem;border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);border-radius:.375rem;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-clear-filters:hover,.btn-toggle-advanced:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.btn-toggle-advanced.active{background:var(--primary-color);color:var(--text-white);border-color:var(--primary-color)}.filter-row{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}.filter-row:last-child{margin-bottom:0}.advanced-filters{padding-top:1rem;border-top:1px solid var(--border-default);margin-top:1rem}.filter-group{flex:1;min-width:150px}.filter-group label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500;font-size:.875rem}.filter-group input,.filter-group select{width:100%;padding:.75rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:.375rem;color:var(--text-primary);font-size:1rem;transition:all .2s}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background .2s}.checkbox-label:hover{background:var(--bg-hover)}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}@media (max-width: 768px){.filters-header{flex-direction:column;align-items:flex-start;gap:1rem}.filters-actions{width:100%;justify-content:space-between}.filter-group{min-width:100%}}.report-charts{background:var(--bg-card);padding:1.5rem;border-radius:.5rem;margin-bottom:2rem;border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}.charts-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-default)}.charts-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.chart-card{background:var(--bg-secondary);padding:1.5rem;border-radius:.5rem;border:1px solid var(--border-default)}.chart-card h4{margin:0 0 1rem;color:var(--text-primary);font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.chart-content{min-height:200px}.chart-empty{text-align:center;padding:2rem;color:var(--text-muted)}.bar-chart{display:flex;flex-direction:column;gap:.75rem}.bar-item{display:flex;align-items:center;gap:1rem}.bar-label{min-width:100px;font-size:.875rem;color:var(--text-secondary);text-align:right}.bar-container{flex:1;height:2rem;background:var(--bg-input);border-radius:.25rem;position:relative;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--info));border-radius:.25rem;display:flex;align-items:center;justify-content:flex-end;padding:0 .5rem;transition:width .3s ease;min-width:60px}.bar-fill.extra-hours-bar{background:linear-gradient(90deg,var(--warning),var(--warning-dark))}.bar-value{color:var(--text-white);font-size:.75rem;font-weight:600;white-space:nowrap}.pie-chart{display:flex;flex-direction:column;gap:.75rem}.pie-item{display:flex;align-items:center;gap:.75rem}.pie-label{min-width:150px;font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.pie-color{width:1rem;height:1rem;border-radius:.25rem;display:inline-block}.pie-bar{flex:1;height:1.5rem;background:var(--bg-input);border-radius:.25rem;position:relative;overflow:hidden}.pie-fill{height:100%;border-radius:.25rem;display:flex;align-items:center;justify-content:flex-end;padding:0 .5rem;transition:width .3s ease;min-width:50px}.pie-value{color:var(--text-white);font-size:.75rem;font-weight:600}.pie-hours{min-width:60px;text-align:right;font-size:.875rem;font-weight:600;color:var(--text-primary)}@media (max-width: 768px){.charts-grid{grid-template-columns:1fr}.bar-label,.pie-label{min-width:80px;font-size:.75rem}}.bulk-actions-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--primary-color);color:var(--text-white);border-radius:.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-md)}.bulk-actions-info{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.info-icon{font-size:1.25rem}.bulk-actions-buttons{display:flex;gap:.75rem;align-items:center}.btn-bulk{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:var(--text-white);border-radius:.375rem;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-bulk:hover{background:#fff3;border-color:#ffffff80}.bulk-export-dropdown{position:relative}.bulk-export-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:.375rem;box-shadow:var(--shadow-lg);min-width:150px;z-index:1000;display:none;flex-direction:column;overflow:hidden}.bulk-export-dropdown:hover .bulk-export-menu{display:flex}.bulk-export-menu button{padding:.75rem 1rem;border:none;background:transparent;color:var(--text-primary);cursor:pointer;text-align:left;display:flex;align-items:center;gap:.5rem;transition:background .2s;width:100%}.bulk-export-menu button:hover{background:var(--bg-hover)}.dropdown-arrow{font-size:.75rem;transform:rotate(45deg)}@media (max-width: 768px){.bulk-actions-bar{flex-direction:column;gap:1rem;align-items:stretch}.bulk-actions-buttons{flex-direction:column;width:100%}.btn-bulk{width:100%;justify-content:center}}.report-card-view{margin-top:1.5rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.report-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:.5rem;padding:1.5rem;box-shadow:var(--shadow-sm);transition:all .2s;position:relative}.report-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.report-card.selected{border-color:var(--primary-color);background:var(--info-light)}.report-card.edited{border-left:3px solid var(--warning)}.report-card.incomplete{border-left:3px solid var(--error)}.card-checkbox{position:absolute;top:1rem;right:1rem}.card-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-default)}.card-id{font-size:.875rem;color:var(--text-muted);font-weight:600}.card-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.badge-edited{background:var(--warning-light);color:var(--warning-dark)}.badge-incomplete{background:var(--error-light);color:var(--error-dark)}.badge-extra{background:var(--info-light);color:var(--info-dark)}.card-body{display:flex;flex-direction:column;gap:1rem}.card-employee{display:flex;align-items:center;gap:.75rem}.card-employee strong{display:block;color:var(--text-primary);font-size:1.125rem;margin-bottom:.25rem}.card-meta{font-size:.875rem;color:var(--text-muted)}.card-separator{color:var(--text-muted)}.card-icon{color:var(--primary-color);font-size:1rem}.card-times{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:.375rem}.time-item{display:flex;align-items:flex-start;gap:.75rem}.time-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.time-value{font-size:.875rem;color:var(--text-primary);font-weight:600;display:flex;align-items:center;gap:.5rem}.card-hours{display:flex;gap:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:.375rem}.hours-item{display:flex;flex-direction:column;gap:.25rem}.hours-item.extra{padding-left:1rem;border-left:2px solid var(--warning)}.hours-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.hours-value{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.hours-item.extra .hours-value{color:var(--warning-dark)}.card-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-default);display:flex;gap:.5rem}.btn-card-action{flex:1;padding:.5rem 1rem;border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary);border-radius:.375rem;cursor:pointer;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.btn-card-action:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-card-action.btn-edit:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-card-action.btn-view:hover{border-color:var(--success);color:var(--success-dark)}.empty-state{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--text-muted)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem}.pagination-info{color:var(--text-secondary);font-size:.875rem}.btn-pagination{padding:.5rem 1rem;border:1px solid var(--border-default);border-radius:.375rem;background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-size:.875rem;transition:all .2s}.btn-pagination:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary-color)}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.cards-grid{grid-template-columns:1fr}}.reports-page{padding:20px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-header h2{margin:0;color:var(--text-primary);font-size:28px;font-weight:700}.header-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.view-toggle{display:flex;gap:.5rem;border:1px solid var(--border-default);border-radius:.375rem;padding:.25rem;background:var(--bg-card)}.view-btn{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:.25rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.view-btn.active{background:var(--primary-color);color:var(--text-white)}.btn-toggle-charts{padding:.5rem 1rem;border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary);border-radius:.375rem;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-toggle-charts:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-toggle-charts.active{background:var(--primary-color);color:var(--text-white);border-color:var(--primary-color)}.export-dropdown{position:relative}.btn-export-toggle{padding:.5rem 1rem;border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary);border-radius:.375rem;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-export-toggle:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.btn-export-toggle:disabled{opacity:.6;cursor:not-allowed}.export-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:.375rem;box-shadow:var(--shadow-lg);min-width:200px;z-index:1000;display:none;flex-direction:column;overflow:hidden}.export-dropdown:hover .export-menu{display:flex}.export-section{padding:.5rem 0;border-bottom:1px solid var(--border-default)}.export-section:last-child{border-bottom:none}.export-section-title{padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.export-option{padding:.75rem 1rem;border:none;background:transparent;color:var(--text-primary);cursor:pointer;text-align:left;display:flex;align-items:center;gap:.5rem;transition:background .2s;width:100%;font-size:.875rem}.export-option:hover{background:var(--bg-hover)}.export-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn-export{padding:10px 20px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;box-shadow:var(--shadow-sm)}.btn-export:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-export:active{transform:translateY(0)}.btn-csv:hover{border-color:var(--success);background:var(--success-light);color:var(--success-dark)}.btn-pdf:hover{border-color:var(--error);background:var(--error-light);color:var(--error)}.btn-excel:hover{border-color:var(--info);background:var(--info-light);color:var(--info-dark)}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;padding:20px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;box-shadow:var(--shadow-sm)}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.summary-value{font-size:24px;font-weight:700;color:var(--success-dark)}.loading{text-align:center;padding:40px;color:var(--text-muted);font-size:16px}@media (max-width: 768px){.reports-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start}.export-buttons{width:100%}.btn-export{flex:1}.report-summary{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.admin-unlock-modal{background:var(--bg-card);border-radius:.75rem;border:1px solid var(--border-default);max-width:500px;width:90%;box-shadow:var(--shadow-xl);position:relative;z-index:10001}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-default);background:var(--bg-card)}.modal-header h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.btn-close{background:transparent;border:none;color:var(--text-muted);font-size:2rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s;line-height:1}.btn-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:1.5rem;background:var(--bg-card)}.modal-message{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500;font-size:.875rem}.form-group input{width:100%;padding:.75rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:.375rem;color:var(--text-primary);font-size:1rem;box-sizing:border-box;transition:all .2s}.error{color:var(--error);font-size:.875rem;margin-top:.5rem;display:block;font-weight:500}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.btn-cancel,.btn-submit{padding:.75rem 1.5rem;border:none;border-radius:.375rem;cursor:pointer;font-weight:500;transition:all .2s;font-size:.9375rem;box-shadow:var(--shadow-sm)}.btn-submit{background:var(--info);color:var(--text-white)}.btn-submit:hover:not(:disabled){background:var(--info-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-cancel:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed;background:var(--text-disabled)}.bulk-actions-bar{background:var(--bg-card);border:1px solid var(--border-default);border-radius:.5rem;padding:1rem 1.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;box-shadow:var(--shadow-sm);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-actions-info{color:var(--text-secondary);font-size:.9375rem;display:flex;align-items:center;gap:.75rem}.info-icon{color:var(--info);font-size:1.25rem}.bulk-actions-info strong{color:var(--info-dark);font-weight:600}.bulk-actions-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.btn-bulk{padding:.625rem 1.25rem;border:none;border-radius:.375rem;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s;box-shadow:var(--shadow-sm)}.btn-unblock{background:var(--success);color:var(--text-white)}.btn-unblock:hover:not(:disabled){background:var(--success-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-block{background:var(--error);color:var(--text-white)}.btn-block:hover:not(:disabled){background:var(--error-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-cancel{background:var(--text-muted);color:var(--text-white)}.btn-cancel:hover:not(:disabled){background:var(--text-disabled);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-bulk:disabled{opacity:.6;cursor:not-allowed;background:var(--text-disabled)}@media (max-width: 768px){.bulk-actions-bar{flex-direction:column;align-items:stretch}.bulk-actions-buttons{flex-direction:column}.btn-bulk{width:100%}}.admin-employee-card{background:var(--bg-card);border:2px solid var(--border-default);border-radius:.75rem;padding:1.25rem;transition:all .2s ease;display:flex;gap:1rem;box-shadow:var(--shadow-sm)}.admin-employee-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-hover)}.admin-employee-card.selected{border-color:var(--info);background:var(--info-light)}.admin-employee-card.inactive{opacity:.7}.card-checkbox{display:flex;align-items:flex-start;padding-top:.25rem}.card-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.card-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.card-title{display:flex;align-items:center;gap:.75rem;flex:1}.card-icon{color:var(--info);font-size:1.5rem;flex-shrink:0}.card-title h4{margin:0;color:var(--text-primary);font-size:1rem;font-weight:600}.card-dni{font-size:.8125rem;color:var(--text-muted);display:block;margin-top:.25rem}.card-status{flex-shrink:0}.card-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.card-info svg{color:var(--text-muted);font-size:.875rem}.card-actions{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-default)}.btn-card-action{width:100%;padding:.625rem 1rem;border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-sm)}.btn-card-action.btn-block{background:var(--error);color:var(--text-white)}.btn-card-action.btn-block:hover:not(:disabled){background:var(--error-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-card-action.btn-unblock{background:var(--success);color:var(--text-white)}.btn-card-action.btn-unblock:hover:not(:disabled){background:var(--success-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-card-action:disabled{opacity:.6;cursor:not-allowed}.spinner-small{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 768px){.admin-employee-card{padding:1rem}.card-title h4{font-size:.9375rem}.card-dni{font-size:.75rem}}.admin-panel-protection-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.protection-content{text-align:center;color:var(--text-white);padding:2rem;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.protection-icon-wrapper{margin-bottom:1.5rem;display:flex;justify-content:center}.protection-icon{font-size:5rem;color:var(--text-white);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.protection-title{font-size:2rem;font-weight:700;margin-bottom:.75rem;color:var(--text-white);text-shadow:0 2px 4px rgba(0,0,0,.3)}.protection-message{font-size:1.125rem;color:#ffffffe6;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.admin-panel-blurred-content{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .3s ease}@media (max-width: 768px){.protection-icon{font-size:4rem}.protection-title{font-size:1.5rem}.protection-message{font-size:1rem}.protection-content{padding:1.5rem}}.admin-panel-page{width:100%}.page-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.page-header h2{color:var(--text-primary);margin:0;font-weight:700}.view-toggle{display:flex;gap:.5rem;background:var(--bg-secondary);padding:.25rem;border-radius:.5rem}.view-btn{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:.375rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.view-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.view-btn.active{background:var(--bg-card);color:var(--info);box-shadow:var(--shadow-sm)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:.5rem;padding:1.5rem;text-align:center;box-shadow:var(--shadow-sm);transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.75rem}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card.stat-active{border-color:var(--success);background:var(--success-light)}.stat-card.stat-inactive{border-color:var(--error);background:var(--error-light)}.stat-icon{font-size:2rem;color:var(--info)}.stat-card.stat-active .stat-icon{color:var(--success-dark)}.stat-card.stat-inactive .stat-icon{color:var(--error)}.stat-value{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0}.stat-card.stat-active .stat-value{color:var(--success-dark)}.stat-card.stat-inactive .stat-value{color:var(--error)}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.filters-section{margin-bottom:1.5rem;background:var(--bg-card);padding:1.5rem;border-radius:.5rem;border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}.search-filters{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border-default);border-radius:.375rem;background:var(--bg-input);color:var(--text-primary);font-size:.9375rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-icon{color:var(--text-muted)}.filter-select{padding:.75rem 1rem;border:1px solid var(--border-default);border-radius:.375rem;background:var(--bg-input);color:var(--text-primary);font-size:.9375rem;cursor:pointer;transition:all .2s}.filter-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.btn-clear-filters{padding:.75rem 1rem;border:1px solid var(--border-default);border-radius:.375rem;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-clear-filters:hover{background:var(--bg-hover);color:var(--text-primary)}.results-info{color:var(--text-secondary);font-size:.875rem;font-weight:500}.table-container{background:var(--bg-card);border:1px solid var(--border-default);border-radius:.5rem;overflow:hidden;box-shadow:var(--shadow-sm)}.table-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-default);background:var(--bg-table-header)}.select-all-label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500}.select-all-label input[type=checkbox]{cursor:pointer}.table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:var(--bg-table-header)}.admin-table th{padding:1rem;text-align:left;color:var(--text-primary);font-weight:600;font-size:.875rem;border-bottom:1px solid var(--border-default);text-transform:uppercase;letter-spacing:.5px}.admin-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s;position:relative;padding-right:2rem}.admin-table th.sortable:hover{background:var(--bg-hover)}.admin-table th.sortable:focus{outline:2px solid var(--border-focus);outline-offset:-2px}.sort-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.75rem}.admin-table tbody tr{border-bottom:1px solid var(--border-default);transition:background .2s;background:var(--bg-table-row-even)}.admin-table tbody tr:nth-child(odd){background:var(--bg-table-row-odd)}.admin-table tbody tr:hover{background:var(--bg-table-row-hover)!important}.admin-table tbody tr.row-inactive{opacity:.7}.admin-table tbody tr.row-processing{opacity:.6;pointer-events:none}.admin-table td{padding:1rem;color:var(--text-primary);font-size:.9375rem}.admin-table td input[type=checkbox]{cursor:pointer}.employee-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.meta-item{font-size:.75rem;color:var(--text-muted);padding:.125rem .5rem;background:var(--bg-secondary);border-radius:.25rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-active{background:var(--success-light);color:var(--success-dark);border:1px solid var(--success)}.badge-inactive{background:var(--error-light);color:var(--error);border:1px solid var(--error)}.btn-action{padding:.5rem 1rem;border:none;border-radius:.375rem;cursor:pointer;font-weight:500;font-size:.875rem;background:var(--info);color:var(--text-white);transition:all .2s;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:.5rem}.btn-action:hover:not(:disabled){background:var(--info-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-action:disabled{opacity:.6;cursor:not-allowed}.spinner-small{animation:spin .6s linear infinite}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.empty-state{text-align:center;padding:3rem;color:var(--text-muted);grid-column:1 / -1}.loading{text-align:center;padding:3rem;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{font-size:2rem;animation:spin 1s linear infinite;color:var(--info)}.error{text-align:center;padding:3rem;color:var(--error);font-weight:500}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.search-filters{flex-direction:column}.search-box{min-width:100%}.admin-table{font-size:.875rem}.admin-table th,.admin-table td{padding:.75rem .5rem}.admin-table th.sortable{padding-right:1.5rem}.cards-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.table-wrap{overflow-x:scroll}.admin-table{min-width:600px}}.tenant-settings-page{width:100%;max-width:1000px}.page-header{margin-bottom:2rem}.page-header h2{color:var(--text-primary);margin:0 0 .5rem;font-weight:700;font-size:2rem}.breadcrumbs{margin-top:.5rem}.breadcrumbs ol{display:flex;list-style:none;padding:0;margin:0;gap:.5rem;font-size:.875rem}.breadcrumbs li{display:flex;align-items:center}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:.5rem;color:var(--text-muted)}.breadcrumbs a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:var(--text-primary)}.breadcrumbs li[aria-current=page]{color:var(--text-primary);font-weight:500}.settings-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:.75rem;padding:2rem;box-shadow:var(--shadow-sm)}.settings-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-default)}.settings-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.settings-section h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.section-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6;font-size:.9375rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.tooltip-trigger{cursor:help;color:var(--text-muted);font-size:.75rem;transition:color .2s}.tooltip-trigger:hover{color:var(--info)}.info-value{color:var(--text-primary);font-size:1rem;font-weight:500}.info-value-with-action{display:flex;align-items:center;gap:.75rem}.btn-icon-edit,.btn-icon-help{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:.875rem}.btn-icon-edit:hover,.btn-icon-help:hover{color:var(--info);background:var(--bg-hover)}.inline-edit-form{display:flex;flex-direction:column;gap:.5rem}.inline-edit-input{padding:.5rem .75rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:.375rem;color:var(--text-primary);font-size:1rem;width:100%;max-width:300px}.inline-edit-actions{display:flex;gap:.5rem}.btn-icon-small{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;padding:.375rem;border-radius:.25rem;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:.875rem}.btn-icon-small:first-child:hover{color:var(--success);border-color:var(--success)}.btn-icon-small:last-child:hover{color:var(--error);border-color:var(--error)}.error-inline{color:var(--error);font-size:.75rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500}.status-active{background:var(--success-light);color:var(--success-dark)}.status-inactive{background:var(--error-light);color:var(--error-dark)}.statistics-container{margin-top:1rem}.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:.5rem;padding:1.5rem;text-align:center}.stat-label{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:700}.stat-value-small{color:var(--text-primary);font-size:1rem;font-weight:500}.change-password-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input{padding:.75rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:.375rem;color:var(--text-primary);font-size:1rem;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-secondary)}.password-strength{margin-top:.5rem}.strength-bar{width:100%;height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden;margin-bottom:.5rem}.strength-fill{height:100%;transition:width .3s,background-color .3s}.strength-label{font-size:.75rem;font-weight:500}.error{color:var(--error);font-size:.875rem;font-weight:500}.form-actions{margin-top:.5rem}.btn-primary{padding:.75rem 1.5rem;background:var(--info);color:var(--text-white);border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:.5rem;justify-content:center}.btn-primary:hover:not(:disabled){background:var(--info-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;background:var(--text-disabled)}.backup-actions{display:flex;flex-direction:column;gap:1.5rem}.backup-action-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:.5rem;gap:1.5rem}.backup-info{flex:1}.backup-info h4{color:var(--text-primary);margin:0 0 .5rem;font-size:1rem;font-weight:600}.backup-info p{color:var(--text-secondary);margin:0;font-size:.875rem}.backup-controls{display:flex;align-items:center;gap:.75rem}.format-select{padding:.5rem .75rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:.375rem;color:var(--text-primary);font-size:.875rem;cursor:pointer}.days-input{padding:.5rem .75rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:.375rem;color:var(--text-primary);font-size:.875rem;width:80px}.days-label{color:var(--text-secondary);font-size:.875rem}.btn-secondary{padding:.5rem 1rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default);border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-focus)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-file{position:relative;overflow:hidden}.btn-danger{padding:.5rem 1rem;background:var(--error);color:var(--text-white);border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-danger:hover:not(:disabled){background:var(--error-dark);box-shadow:var(--shadow-md)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-toggle{padding:.5rem 1rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default);border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.btn-toggle:hover{background:var(--bg-hover);border-color:var(--border-focus)}.activity-logs-container{margin-top:1rem;max-height:500px;overflow-y:auto}.logs-list{display:flex;flex-direction:column;gap:1rem}.log-item{display:flex;gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:.5rem}.log-icon{color:var(--info);font-size:1.25rem;flex-shrink:0}.log-content{flex:1}.log-action{color:var(--text-primary);font-weight:600;font-size:.9375rem;margin-bottom:.25rem}.log-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.log-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-muted)}.log-user{font-weight:500}.log-time{color:var(--text-muted)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-container p{color:var(--text-muted)}.loading-inline{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-data{color:var(--text-muted);text-align:center;padding:2rem;font-style:italic}.warning-text{color:var(--warning);font-weight:500;margin-top:.5rem}@media (max-width: 768px){.settings-card{padding:1.5rem}.info-grid{grid-template-columns:1fr}.statistics-grid{grid-template-columns:repeat(2,1fr)}.backup-action-item{flex-direction:column;align-items:flex-start}.backup-controls{width:100%;flex-wrap:wrap}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width: 480px){.page-header h2{font-size:1.5rem}.settings-card{padding:1rem}.statistics-grid{grid-template-columns:1fr}.backup-action-item{padding:1rem}}.btn-primary:focus,.btn-secondary:focus,.btn-danger:focus,.btn-toggle:focus,.btn-icon-edit:focus,.btn-icon-help:focus{outline:2px solid var(--border-focus);outline-offset:2px}.settings-section:focus-within{outline:2px solid transparent}.info-item:focus-within{outline:2px solid var(--border-focus);outline-offset:4px;border-radius:.25rem}.settings-form{margin-top:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{color:var(--text-secondary);font-weight:500;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=number],.form-group input[type=time],.form-group input[type=url],.form-group select,.form-group textarea{padding:.75rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:.375rem;color:var(--text-primary);font-size:1rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.form-group input[type=color]{width:60px;height:40px;border:1px solid var(--border-default);border-radius:.375rem;cursor:pointer}.color-input-wrapper{display:flex;gap:.75rem;align-items:center}.color-input-wrapper input[type=text]{flex:1}.time-preview{font-size:.875rem;color:var(--text-muted);font-style:italic;margin-top:.25rem}.work-days-selector{display:flex;gap:.75rem;flex-wrap:wrap}.work-day-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:.375rem;cursor:pointer;transition:all .2s;font-size:.875rem}.work-day-checkbox:hover{background:var(--bg-hover);border-color:var(--border-focus)}.work-day-checkbox input[type=checkbox]{cursor:pointer}.work-day-checkbox input[type=checkbox]:checked+span{font-weight:600}.toggle-group{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9375rem}.toggle-label input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--info)}.logo-preview{max-width:200px;max-height:100px;margin-top:.5rem;border:1px solid var(--border-default);border-radius:.375rem;padding:.5rem;background:var(--bg-secondary)}.support-section{margin-top:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.support-info{padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:.5rem}.support-info h4{color:var(--text-primary);margin:0 0 .5rem;font-size:1rem;font-weight:600}.support-info p{color:var(--text-secondary);margin:0 0 1rem;font-size:.9375rem;line-height:1.6}.text-muted{color:var(--text-muted);font-size:.875rem}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.work-days-selector{justify-content:space-between}.color-input-wrapper{flex-direction:column;align-items:stretch}.color-input-wrapper input[type=color]{width:100%}}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.9375rem;line-height:1.5}.alert-icon{flex-shrink:0;margin-top:.125rem;font-size:1.25rem}.alert-message{flex:1}.alert-close{background:transparent;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:inherit;opacity:.7;transition:opacity .2s;flex-shrink:0}.alert-close:hover{opacity:1}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#059669}.alert-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#2563eb}.alert-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#d97706}.login-form{width:100%}.login-alert,.form-group{margin-bottom:1.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;color:var(--text-primary, #1e293b);margin-bottom:.5rem;font-weight:500;font-size:.9375rem}.tooltip-trigger{position:relative;display:inline-flex;align-items:center}.tooltip-icon{font-size:.875rem;color:var(--text-muted, #64748b);cursor:help;transition:color .2s}.tooltip-trigger:hover .tooltip-icon{color:var(--success, #10b981)}.tooltip-trigger:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;padding:.5rem .75rem;background:var(--text-primary, #1e293b);color:#fff;font-size:.8125rem;border-radius:.375rem;white-space:nowrap;z-index:1000;box-shadow:0 4px 6px #0000001a;pointer-events:none}.tooltip-trigger:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.25rem;border:4px solid transparent;border-top-color:var(--text-primary, #1e293b);z-index:1000;pointer-events:none}.required{color:var(--error, #ef4444)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--text-muted, #64748b);font-size:1rem;pointer-events:none;z-index:1}.input-wrapper input{width:100%;padding:.875rem 1rem .875rem 2.75rem;background:var(--bg-input, #ffffff);border:1px solid var(--border-default, #e2e8f0);border-radius:.5rem;color:var(--text-primary, #1e293b);font-size:1rem;transition:all .2s;font-family:inherit}.input-wrapper input:hover:not(:disabled){border-color:var(--border-focus, #10b981)}.input-wrapper input:focus{outline:none;border-color:var(--border-focus, #10b981);box-shadow:0 0 0 3px #10b98126;transform:scale(1.01);transition:all .2s}.input-wrapper input:disabled{background:var(--bg-disabled, #f1f5f9);cursor:not-allowed;opacity:.7}.input-wrapper input::placeholder{color:var(--text-muted, #94a3b8)}.input-wrapper input[aria-invalid=true]{border-color:var(--error, #ef4444)}.input-wrapper input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #ef444426}.input-wrapper input.input-valid{border-color:var(--success, #10b981);padding-right:2.5rem}.input-wrapper input.input-error{border-color:var(--error, #ef4444)}.input-check-icon{position:absolute;right:3rem;color:var(--success, #10b981);font-size:1rem;font-weight:700;pointer-events:none;z-index:1;animation:checkmark .3s ease-out}.input-check-icon.password-check{right:3.5rem}@keyframes checkmark{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.field-error{display:block;margin-top:.5rem;color:var(--error, #ef4444);font-size:.875rem;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.password-toggle{position:absolute;right:1rem;background:transparent;border:none;color:var(--text-muted, #64748b);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:1}.password-toggle:hover:not(:disabled){color:var(--text-primary, #1e293b)}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.password-toggle:focus{outline:2px solid var(--border-focus, #10b981);outline-offset:2px;border-radius:.25rem}.btn-login-submit{width:100%;padding:.875rem 1.5rem;background:var(--success, #10b981);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1.5rem}.btn-login-submit:hover:not(:disabled){background:var(--success-dark, #059669);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-login-submit:active:not(:disabled){transform:translateY(0)}.btn-login-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-login-submit:focus{outline:2px solid var(--border-focus, #10b981);outline-offset:2px}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-form-footer{margin-top:1.5rem;text-align:center}.forgot-password-link{color:var(--text-secondary, #64748b);text-decoration:none;font-size:.875rem;transition:color .2s;display:inline-block}.forgot-password-link:hover{color:var(--success, #10b981);text-decoration:underline}.forgot-password-link:focus{outline:2px solid var(--border-focus, #10b981);outline-offset:2px;border-radius:.25rem}@media (max-width: 768px){.form-group{margin-bottom:1.25rem}.input-wrapper input{font-size:16px}}.login-info-panel{display:flex;flex-direction:column;gap:2rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:.75rem;height:fit-content;position:relative;overflow:hidden}.login-info-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000026;border-radius:.75rem;z-index:0;pointer-events:none}.login-info-panel:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%);border-radius:.75rem;z-index:0;pointer-events:none}.info-section{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.info-section-title{font-size:1.25rem;font-weight:600;margin:0;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2);position:relative;z-index:1}.info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem}.info-list li{display:flex;align-items:flex-start;gap:1rem;animation:fadeInUp .4s ease-out;animation-fill-mode:both;transition:transform .2s}.info-list li:hover{transform:translate(4px)}.info-list li:nth-child(1){animation-delay:.1s}.info-list li:nth-child(2){animation-delay:.2s}.info-list li:nth-child(3){animation-delay:.3s}.info-list li:nth-child(4){animation-delay:.4s}.info-list li:nth-child(5){animation-delay:.5s}.info-list li:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.info-icon{font-size:1.5rem;color:#ffffffe6;flex-shrink:0;margin-top:.125rem}.info-list li>div{display:flex;flex-direction:column;gap:.25rem;flex:1}.info-list li strong{font-size:.9375rem;font-weight:600;color:#fff;display:block;text-shadow:0 1px 2px rgba(0,0,0,.1)}.info-list li span{font-size:.875rem;color:#fffffff2;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (max-width: 768px){.login-info-panel{padding:1.5rem;border-radius:.5rem}.info-section{gap:.75rem}.info-section-title{font-size:1.125rem}.info-list{gap:1rem}.info-icon{font-size:1.25rem}}.login-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#f8fafc,#fff);position:relative}.skip-link{position:absolute;top:-40px;left:0;background:var(--success, #10b981);color:#fff;padding:.75rem 1.5rem;text-decoration:none;font-weight:600;z-index:10000;border-radius:0 0 .5rem;transition:top .3s}.skip-link:focus{top:0;outline:3px solid var(--border-focus, #10b981);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.login-header{padding:1rem 2rem;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,.8)}.login-header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.login-logo{font-size:1.125rem;font-weight:700;color:var(--text-primary, #1e293b);text-decoration:none;transition:color .2s}.login-logo:hover{color:var(--success, #10b981)}.login-back-link{font-size:.9375rem;color:var(--text-secondary, #64748b);text-decoration:none;transition:color .2s;display:flex;align-items:center;gap:.5rem}.login-back-link:hover{color:var(--text-primary, #1e293b)}.login-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.login-container{width:100%;max-width:1200px}.login-card{background:var(--bg-card, #ffffff);border-radius:1rem;box-shadow:0 10px 25px #0000001a;border:1px solid rgba(226,232,240,.8);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:600px}.login-form-column{padding:3rem;display:flex;flex-direction:column;justify-content:center}.login-form-header{margin-bottom:2rem}.login-form-header h1{font-size:2rem;font-weight:700;color:var(--text-primary, #1e293b);margin:0 0 .5rem}.login-subtitle{font-size:.9375rem;color:var(--text-secondary, #64748b);margin:0;line-height:1.5}.login-info-column{background:linear-gradient(135deg,#667eea,#764ba2);padding:3rem;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.login-header{padding:1rem}.login-header-container{flex-direction:column;align-items:flex-start;gap:.75rem}.login-logo{font-size:1rem}.login-back-link{font-size:.875rem}.login-main{padding:2rem 1rem 1rem;align-items:flex-start}.login-card{grid-template-columns:1fr;min-height:auto;border-radius:.75rem}.login-form-column{padding:2rem 1.5rem;order:1}.login-info-column{padding:2rem 1.5rem;order:2;border-radius:0 0 .75rem .75rem}.login-form-header h1{font-size:1.75rem}.login-subtitle{font-size:.875rem}}@media (max-width: 480px){.login-form-column,.login-info-column{padding:1.5rem 1rem}.login-form-header h1{font-size:1.5rem}}.login-logo:focus,.login-back-link:focus{outline:3px solid var(--border-focus, #10b981);outline-offset:3px;border-radius:.25rem}.login-form-column:focus-within{outline:none}*:focus-visible{outline:3px solid var(--border-focus, #10b981);outline-offset:2px;border-radius:.25rem}.login-card{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-form-column{animation:slideInLeft .5s ease-out}.login-info-column{animation:slideInRight .5s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.login-form-column,.login-info-column{animation:fadeInUp .4s ease-out}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;--bg-primary: #f1f5f9;--bg-secondary: #e2e8f0;--bg-card: #ffffff;--bg-hover: #cbd5e1;--bg-input: #ffffff;--bg-table-header: #e2e8f0;--bg-table-row-hover: #cbd5e1;--bg-table-row-even: #ffffff;--bg-table-row-odd: #f8fafc;--text-primary: #0f172a;--text-secondary: #1e293b;--text-muted: #475569;--text-disabled: #cbd5e1;--text-white: #ffffff;--border-default: #94a3b8;--border-hover: #64748b;--border-focus: #3b82f6;--success: #10b981;--success-color: #059669;--success-dark: #059669;--success-light: #d1fae5;--error: #ef4444;--error-color: #ef4444;--error-dark: #dc2626;--error-light: #fee2e2;--warning: #f59e0b;--warning-color: #f59e0b;--warning-dark: #d97706;--warning-light: #fef3c7;--info: #3b82f6;--info-color: #3b82f6;--info-dark: #2563eb;--info-light: #dbeafe;--stat-working-bg: #d1fae5;--stat-working-border: #10b981;--stat-working-text: #059669;--stat-away-bg: #fee2e2;--stat-away-border: #ef4444;--stat-away-text: #dc2626;--stat-average-bg: #dbeafe;--stat-average-border: #3b82f6;--stat-average-text: #2563eb;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .1), 0 2px 4px -1px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .1), 0 4px 6px -2px rgba(15, 23, 42, .05);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 10px 10px -5px rgba(15, 23, 42, .04);color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}#root{width:100%;min-height:100vh;background-color:var(--bg-primary)}