.bg-blobs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 50%,#030712 0%,#000 100%);transition:background .5s ease}.theme-light .bg-blobs{background:radial-gradient(circle at 50% 50%,#f8fafc 0%,#f1f5f9 50%,#e2e8f0 100%)}.theme-light .bg-blobs:after{background-image:radial-gradient(2px 2px at 20px 30px,rgba(14,165,233,.15),transparent),radial-gradient(3px 3px at 100px 150px,rgba(124,58,237,.1),transparent),radial-gradient(2px 2px at 200px 80px,rgba(236,72,153,.15),transparent);background-size:500px 500px;opacity:.8;animation:stars-random 60s linear infinite alternate}.blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.45;mix-blend-mode:screen;animation:cosmic-float 25s infinite alternate ease-in-out;transition:all .5s ease}.theme-light .blob{mix-blend-mode:overlay;opacity:.4;filter:blur(80px)}.blob-1{width:800px;height:800px;background:radial-gradient(circle,#0ea5e9,transparent 80%);top:-15%;left:5%;box-shadow:0 0 100px #0ea5e966}.theme-light .blob-1{background:radial-gradient(circle,#0ea5e9,transparent 70%)}.blob-2{width:700px;height:700px;background:radial-gradient(circle,#7c3aed,transparent 80%);bottom:-10%;right:5%;animation-delay:-8s;box-shadow:0 0 100px #7c3aed66}.theme-light .blob-2{background:radial-gradient(circle,#8b5cf6,transparent 70%)}.blob-3{width:500px;height:500px;background:radial-gradient(circle,#ec4899,transparent 80%);top:40%;left:35%;animation-duration:35s;animation-delay:-15s}.theme-light .blob-3{background:radial-gradient(circle,#ec4899,transparent 70%)}@keyframes cosmic-float{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(150px,100px) scale(1.2) rotate(90deg)}to{transform:translate(-50px,200px) scale(.8) rotate(180deg)}}.bg-blobs:after{content:"";position:absolute;top:-100px;right:-100px;bottom:-100px;left:-100px;background-image:radial-gradient(1px 1px at 20px 30px,#fff,rgba(0,0,0,0)),radial-gradient(1.5px 1.5px at 100px 150px,#fff,rgba(0,0,0,0)),radial-gradient(1px 1px at 200px 80px,#fff,rgba(0,0,0,0)),radial-gradient(1.5px 1.5px at 300px 250px,#fff,rgba(0,0,0,0)),radial-gradient(1px 1px at 400px 120px,#fff,rgba(0,0,0,0)),radial-gradient(2px 2px at 500px 350px,#fff,rgba(0,0,0,0));background-size:600px 600px;opacity:.4;animation:stars-random 40s linear infinite}@keyframes stars-random{0%{transform:translate(0)}to{transform:translate(-10%,-10%)}}.bg-blobs:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(14,165,233,.08),transparent 70%);pointer-events:none}@keyframes particle-float{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes particle-float{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-1000px) rotate(360deg)}}@keyframes move-fast{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(150px,100px) scale(1.3) rotate(180deg)}to{transform:translate(-50px,200px) scale(.8) rotate(360deg)}}@keyframes modalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--bg-deep: #030712;--bg-soft: rgba(20, 26, 38, .15);--panel: rgba(15, 23, 42, .25);--elev: rgba(51, 65, 85, .2);--border: rgba(255, 255, 255, .1);--text: #f1f5f9;--muted: #94a3b8;--card-bg: rgba(30, 41, 59, .15);--brand: #0ea5e9;--brand-2: #22d3ee;--brand-gradient: linear-gradient(135deg, #0ea5e9 0%, #22d3ee 50%, #818cf8 100%);--brand-glow: 0 0 20px rgba(14, 165, 233, .3);--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #0ea5e9;--font-base: 14px;--spacing-base: 16px;--radius: 16px}.theme-light{--bg-deep: #f8fafc;--bg-soft: rgba(255, 255, 255, .15);--panel: rgba(255, 255, 255, .35);--elev: #ffffff;--border: rgba(0, 0, 0, .08);--text: #0f172a;--muted: #64748b;--card-bg: rgba(255, 255, 255, .25);--brand: #0ea5e9;--brand-2: #0284c7;--brand-gradient: linear-gradient(135deg, #0ea5e9 0%, #0284c7 50%, #4f46e5 100%);--brand-glow: 0 4px 12px rgba(14, 165, 233, .2)}*{box-sizing:border-box}body,#root{margin:0;padding:0;overflow-x:hidden}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float-bg{0%{transform:translate(0) scale(1)}33%{transform:translate(150px,-100px) scale(1.2)}66%{transform:translate(-100px,150px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.card,.stat-card,.table{animation:slideIn .4s ease-out}.glass-panel{background:var(--panel);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--border);box-shadow:0 10px 40px #00000026;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:0}.btn,input,select,textarea{animation:fadeIn .3s ease-out}select{padding:8px 32px 8px 12px!important;background:var(--bg-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 9L1 4h10z'/%3E%3C/svg%3E") no-repeat right 8px center / 12px!important;border:1px solid var(--border)!important;border-radius:8px!important;color:var(--text)!important;font-size:.875rem!important;cursor:pointer!important;transition:all .2s ease!important;outline:none!important;box-sizing:border-box!important;font-family:inherit!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}select:hover{border-color:#06b6d480!important;background:var(--elev) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2306b6d4' d='M6 9L1 4h10z'/%3E%3C/svg%3E") no-repeat right 8px center / 12px!important}select:focus{outline:none!important;border-color:var(--brand)!important;box-shadow:0 0 0 3px #06b6d426!important;background:var(--elev) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2306b6d4' d='M6 9L1 4h10z'/%3E%3C/svg%3E") no-repeat right 8px center / 12px!important}select:disabled{opacity:.5!important;cursor:not-allowed!important}select option{background:var(--bg-soft)!important;color:var(--text)!important;padding:8px!important}.theme-light select{background:var(--bg-soft)!important;border-color:var(--border)!important;color:var(--text)!important}.theme-light select:hover{border-color:#0891b280!important;background:var(--elev) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230891b2' d='M6 9L1 4h10z'/%3E%3C/svg%3E") no-repeat right 8px center / 12px!important}.theme-light select:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px #0891b226!important;background:var(--elev) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230891b2' d='M6 9L1 4h10z'/%3E%3C/svg%3E") no-repeat right 8px center / 12px!important}html,body,#app{height:100%;width:100%;overflow-x:hidden;box-sizing:border-box}body{margin:0;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:transparent;width:100%;box-sizing:border-box;transition:background-color .2s ease,color .2s ease;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--font-base)}.theme-light body{background:transparent}.theme-light body:before{background:radial-gradient(circle at 0% 0%,rgba(2,132,199,.05),transparent 50%),radial-gradient(circle at 100% 100%,rgba(8,145,178,.05),transparent 50%)}.auth-wrapper{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg);position:relative}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.theme-light .auth-wrapper{background:var(--bg)}.login-hero{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(6,182,212,.05),rgba(8,145,178,.03));mask:radial-gradient(500px 300px at 70% 10%,#000 60%,transparent 61%) top right,radial-gradient(600px 380px at 0% 80%,#000 60%,transparent 61%) bottom left;-webkit-mask-composite:destination-out;mask-composite:exclude}.login-card{position:relative;width:100%;max-width:420px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px;box-shadow:0 8px 32px #0003;z-index:1;transition:all .2s ease}.login-card:hover{box-shadow:0 12px 40px #00000040}.theme-light .login-card{background:var(--panel);border:1px solid var(--border);box-shadow:0 8px 32px #0000001a}.theme-light .login-card:hover{box-shadow:0 12px 40px #00000026}.brand{display:flex;align-items:center;gap:12px;margin-bottom:8px}.brand-mark{width:40px;height:40px;border-radius:10px;background:var(--brand);display:grid;place-items:center;font-weight:700;color:#fff;font-size:16px;transition:all .2s ease}.brand-mark:hover{background:var(--brand-2);transform:scale(1.05)}.brand-text h1{margin:0;font-size:1.25rem}.login-title{margin:6px 0 18px;font-size:1.4rem;font-weight:800}.login-form .form-group{margin-bottom:14px}.alert.error{margin:8px 0 12px;padding:10px 12px;border-radius:8px;border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.12);color:#fca5a5}.submit-btn{width:100%;padding:12px 16px}.login-meta{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}.creds-grid{display:grid;gap:6px;color:var(--muted);font-size:13px}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:transparent;position:relative}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:0;background:rgba(15,23,42,.4);border-right:1px solid var(--border);transition:all .3s ease;display:flex;flex-direction:column;box-shadow:2px 0 20px #0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100}.sidebar:after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--border),transparent)}@media (max-width: 1200px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85%;height:100vh;transform:translate(-100%);transition:transform .25s ease;z-index:50;box-shadow:2px 0 20px #0000004d}.sidebar.sidebar--open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@media (max-width: 768px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;max-width:80%;height:100vh;transform:translate(-100%);transition:transform .25s ease;z-index:50}.sidebar.sidebar--open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.header{padding:6px 10px;height:48px!important}.dashboard-container{padding:8px;max-width:100%}.admin-dashboard,.attendance-container,.leaves-container,.timesheets-container{padding:8px}}.attendance-container{padding:16px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}@media (max-width: 1400px) and (min-width: 1201px){.attendance-container{padding:20px}}@media (max-width: 1200px) and (min-width: 941px){.attendance-container{padding:16px}}.attendance-header{margin-bottom:32px;text-align:center}@media (max-width: 1400px) and (min-width: 1201px){.attendance-header{margin-bottom:28px}}@media (max-width: 1200px) and (min-width: 941px){.attendance-header{margin-bottom:24px}}.attendance-title{font-size:2.5rem;font-weight:700;margin:0 0 8px;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 1400px) and (min-width: 1201px){.attendance-title{font-size:2.25rem}}@media (max-width: 1200px) and (min-width: 941px){.attendance-title{font-size:2rem}}.attendance-subtitle{font-size:1.1rem;color:var(--muted);margin:0}@media (max-width: 1200px) and (min-width: 941px){.attendance-subtitle{font-size:1rem}.dashboard-title{font-size:1.4rem;line-height:1.3;text-align:center;margin:8px auto 4px;max-width:90%;word-break:break-word}.dashboard-subtitle{font-size:.85rem;text-align:center;max-width:90%;margin:0 auto 8px}.stats-grid{grid-template-columns:1fr;gap:10px}.quick-actions{flex-direction:column;align-items:center}.quick-actions .btn{width:auto;min-width:70%;justify-content:center}.actions-grid{flex-direction:column;align-items:center}.nav-toggle-btn{display:inline-flex}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.theme-light .sidebar{background:var(--panel);border-right:1px solid var(--border)}.theme-light .sidebar .menu a.active{background:var(--elev);color:var(--brand)}.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.45) transparent}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:#94a3b873;border-radius:8px;border:2px solid transparent;background-clip:content-box}.sidebar::-webkit-scrollbar-thumb:hover{background-color:#94a3b8b3;background-clip:content-box}.theme-light .sidebar{scrollbar-color:rgba(100,116,139,.4) transparent}.theme-light .sidebar::-webkit-scrollbar-thumb{background-color:#64748b66}.theme-light .sidebar::-webkit-scrollbar-thumb:hover{background-color:#64748b99}.sidebar .brand{font-weight:800;letter-spacing:-.5px;color:var(--text);padding:24px;background:linear-gradient(135deg,rgba(14,165,233,.05),rgba(124,58,237,.03));border-bottom:1px solid var(--border);font-size:22px;display:flex;align-items:center;gap:12px;position:relative;margin-bottom:10px}.sidebar .brand span{color:var(--text)}.sidebar .brand:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(14,165,233,.4),transparent)}.sidebar .section{color:var(--brand);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2px;margin:24px 24px 12px;padding-left:12px;border-left:2px solid var(--brand);opacity:.8}.sidebar .menu{display:flex;flex-direction:column;gap:8px;padding:0 16px}.sidebar .menu a{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--muted);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;font-weight:600;position:relative;background:transparent;border:1px solid transparent}.sidebar .menu a:hover{background:var(--bg-soft);color:var(--brand);transform:translate(5px);border-color:var(--border)}.sidebar .menu a.active{background:var(--bg-soft);color:var(--brand);border:1px solid var(--brand);box-shadow:0 4px 12px #0ea5e91a,inset 0 0 10px #0ea5e90d}.sidebar .menu a .icon-container{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--panel);border-radius:10px;font-size:1.1rem;border:1px solid var(--border);transition:all .3s ease}.sidebar .menu a.active .icon-container{background:var(--brand);color:#fff;box-shadow:0 0 15px #0ea5e966;border-color:transparent}.sidebar .menu a:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0;background:var(--brand);border-radius:0 4px 4px 0;transition:height .3s ease;box-shadow:0 0 12px var(--brand)}.sidebar .menu a:hover{background:var(--panel);color:var(--text);transform:translate(6px);box-shadow:0 4px 12px #06b6d414}.sidebar .menu a:hover:before{width:100%}.sidebar .menu a.active{background:var(--panel);color:var(--text);font-weight:600;box-shadow:0 4px 16px #06b6d426,inset 0 0 0 1px #06b6d41a;transform:translate(4px)}.sidebar .menu a.active:before{width:100%;opacity:.15}.sidebar .menu a.active:after{height:70%}.theme-light .sidebar .menu a:hover{background:var(--elev);color:var(--text)}.theme-light .sidebar .menu a.active{background:var(--elev);color:var(--brand);font-weight:600}.header{display:flex;align-items:center;gap:16px;height:72px;padding:0 32px;border-bottom:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;box-shadow:0 1px 8px #0000000d}.nav-toggle-btn{display:none;width:36px;height:36px;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border);background:var(--bg-soft);cursor:pointer;padding:0}@media (max-width: 1200px){.nav-toggle-btn{display:inline-flex;margin-right:8px;flex-shrink:0}.header{padding:0 16px;gap:12px;flex-wrap:nowrap}.header>div:first-of-type{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.header>div:last-of-type{gap:6px;font-size:.85rem;flex-shrink:0;display:flex;align-items:center}.header .btn{padding:6px 12px;font-size:.85rem;white-space:nowrap}.header .muted{font-size:.8rem;white-space:nowrap}}@media (max-width: 768px){.nav-toggle-btn{display:inline-flex;margin-right:4px}.header{padding:0 12px;gap:8px;height:60px}}.nav-toggle-btn span{display:block;width:18px;height:2px;background:var(--text);position:relative}.nav-toggle-btn span:before,.nav-toggle-btn span:after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--text)}.nav-toggle-btn span:before{top:-6px}.nav-toggle-btn span:after{top:6px}.theme-light .header{background:var(--panel);border-bottom:1px solid var(--border)}.content{padding:32px;background:transparent;min-height:calc(100vh - 48px);width:100%;box-sizing:border-box;overflow-x:hidden;position:relative}@media (max-width: 1200px) and (min-width: 769px){.content{padding:24px}}@media (max-width: 768px){.content{padding:12px}}.grid{display:grid;gap:16px}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 2px 8px #00000014,0 0 0 1px #ffffff05 inset;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--brand-gradient);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.theme-light .card{background:var(--panel);border:1px solid var(--border);box-shadow:0 2px 8px #0000000a,0 0 0 1px #00000005 inset}.card:hover{border-color:var(--brand);box-shadow:0 8px 24px #06b6d41f,0 0 0 1px #06b6d41a inset;transform:translateY(-4px)}.card:hover:before{transform:scaleX(1)}.theme-light .card:hover{box-shadow:0 8px 24px #06b6d41a,0 0 0 1px #06b6d414 inset}.card-title{font-weight:700;margin:0 0 8px}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;font-weight:500;font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(6,182,212,.1);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.btn:hover:before{width:300px;height:300px}.theme-light .btn{background:var(--panel);border:1px solid var(--border);box-shadow:0 1px 3px #0000000d}.btn:hover{background:var(--bg-soft);border-color:var(--brand);color:var(--text);transform:translateY(-2px);box-shadow:0 4px 12px #06b6d41a}.theme-light .btn:hover{background:var(--elev);border-color:var(--brand);box-shadow:0 4px 12px #06b6d414}.btn.primary{background:var(--brand-gradient)!important;border:none!important;color:#fff!important;box-shadow:0 4px 16px #06b6d440,0 0 0 1px #ffffff1a inset;position:relative;z-index:1}.theme-light .btn.primary{background:var(--brand-gradient)!important;box-shadow:0 4px 16px #0891b233,0 0 0 1px #ffffff1a inset}.btn.primary:before{background:rgba(255,255,255,.15)}.btn.primary:hover{background:var(--brand-gradient)!important;box-shadow:0 4px 16px #06b6d44d,0 0 0 1px #ffffff1a inset;transform:translateY(-2px)}.theme-light .btn.primary:hover{box-shadow:0 4px 16px #0891b240,0 0 0 1px #ffffff1a inset}.btn.primary:active{transform:translateY(-1px) scale(1)}.btn.success{background:#064e3b;border-color:#065f46;color:#fff}.theme-light .btn.success{background:#10b981;border-color:#10b981}.btn.danger{background:#3f0e0e;border-color:#7f1d1d;color:#fff}.theme-light .btn.danger{background:#ef4444;border-color:#ef4444}.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel);border-radius:16px;overflow:hidden;border:1px solid var(--border);box-shadow:0 2px 8px #0000000f}.table thead{background:linear-gradient(180deg,var(--bg-soft),var(--panel))}.table th,.table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table th{min-width:100px}.table td{min-width:100px;max-width:300px}.table thead th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.1em;padding:20px;background:var(--bg-soft);position:sticky;top:0;z-index:10;border-bottom:2px solid var(--border)}.table tbody tr{transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--panel);position:relative}.table tbody tr:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--brand);opacity:.1;transition:width .3s ease}.table tbody tr:hover{background:var(--bg-soft);transform:translate(4px)}.table tbody tr:hover:before{width:4px}.table tbody tr:last-child td{border-bottom:none}.tag{padding:3px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border)}.tag.green{background:rgba(16,185,129,.12);color:#34d399;border-color:#10b9814d}.tag.amber{background:rgba(245,158,11,.12);color:#fbbf24;border-color:#f59e0b4d}.tag.red{background:rgba(239,68,68,.12);color:#f87171;border-color:#ef44444d}input,select,textarea{width:100%;background:var(--panel);color:var(--text);border:2px solid var(--border);border-radius:10px;padding:12px 16px;outline:none;font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:inherit;position:relative}.theme-light input,.theme-light select,.theme-light textarea{background:var(--panel);border:2px solid var(--border)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.5}textarea{min-height:96px;resize:vertical;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px #06b6d41a,0 4px 12px #06b6d414;background:var(--bg-soft);transform:translateY(-1px)}.theme-light input:focus,.theme-light select:focus,.theme-light textarea:focus{background:var(--panel);box-shadow:0 0 0 4px #0891b21a,0 4px 12px #0891b214}.form-row{display:grid;gap:8px}.form-row.inline{grid-template-columns:repeat(2,minmax(0,1fr))}.form-label{font-size:12px;color:var(--muted);margin-bottom:4px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:modalFadeIn .3s ease-out}.theme-light .modal-overlay{background:rgba(0,0,0,.5)}.modal-content{background:var(--panel);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border);border-radius:24px;box-shadow:0 25px 50px #0003,inset 0 0 0 1px var(--border);max-width:95vw;max-height:95vh;overflow:auto;position:relative;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);scrollbar-width:thin;scrollbar-color:rgba(6,182,212,.4) rgba(26,31,46,.3)}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:rgba(26,31,46,.3);border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:rgba(6,182,212,.4);border-radius:10px;border:2px solid rgba(26,31,46,.3);background-clip:content-box}.modal-content::-webkit-scrollbar-thumb:hover{background:rgba(6,182,212,.6);background-clip:content-box}.theme-light .modal-content{scrollbar-color:rgba(8,145,178,.4) rgba(241,245,249,.5)}.theme-light .modal-content::-webkit-scrollbar-track{background:rgba(241,245,249,.5)}.theme-light .modal-content::-webkit-scrollbar-thumb{background:rgba(8,145,178,.4);border:2px solid rgba(241,245,249,.5)}.theme-light .modal-content::-webkit-scrollbar-thumb:hover{background:rgba(8,145,178,.6)}.theme-light .modal-content{box-shadow:0 20px 25px #00000026,0 10px 10px #0000001a}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.08);border-radius:20px 20px 0 0}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.btn-close{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--muted);cursor:pointer;border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-close:hover{color:#fff;background:rgba(239,68,68,.2);border-color:#ef444466;transform:rotate(90deg)}.modal-body{padding:20px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:24px 32px;background:rgba(255,255,255,.03);border-top:1px solid rgba(255,255,255,.08);border-radius:0 0 20px 20px}.card-header{padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:12px}.card-body{padding:0}.cursor-pointer{cursor:pointer}.hover\:shadow-lg:hover{box-shadow:0 20px 40px #0000004d}.transition-shadow{transition:box-shadow .3s ease}.badge{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:rgba(6,182,212,.15);color:#06b6d4;border:1px solid rgba(6,182,212,.3);box-shadow:0 2px 8px #06b6d426;padding:6px 12px;border-radius:8px;font-weight:600;font-size:12px;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.badge-primary:hover{background:rgba(6,182,212,.2);transform:scale(1.05)}.badge-secondary{background:rgba(148,163,184,.2);color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.grid.cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}@media (min-width: 768px){.grid.md\:cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.grid.lg\:cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-8{gap:32px}.text-center{text-align:center}.text-sm{font-size:14px}.text-2xl{font-size:24px}.font-bold{font-weight:700}.text-muted{color:var(--muted)}.text-green-600{color:#16a34a}.text-red-600{color:#dc2626}.text-blue-600{color:#a855f7}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}.form-control{width:100%;background:var(--bg-soft);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 12px;outline:none;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--brand);box-shadow:0 0 0 4px #a855f733,0 0 0 1px var(--brand)}.btn-secondary{background:var(--bg-soft);border-color:var(--border);color:var(--text)}.btn-secondary:hover{background:var(--border);color:var(--text)}.timesheet-grid{overflow-x:auto}.timesheet-grid table{min-width:800px}.timesheet-grid th,.timesheet-grid td{text-align:center;padding:8px 4px;font-size:14px}.timesheet-grid table{min-width:1200px;table-layout:fixed;border-collapse:collapse}.timesheet-grid th,.timesheet-grid td{padding:6px 4px;text-align:center;vertical-align:middle;white-space:nowrap}.timesheet-grid th small{display:block;font-size:10px;opacity:.7}.timesheets-container{padding:24px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}@media (max-width: 1400px) and (min-width: 1201px){.timesheets-container{padding:20px}}@media (max-width: 1200px) and (min-width: 941px){.timesheets-container{padding:16px}}.timesheets-header{text-align:center;margin-bottom:24px}@media (max-width: 1400px) and (min-width: 1201px){.timesheets-header{margin-bottom:20px}}@media (max-width: 1200px) and (min-width: 941px){.timesheets-header{margin-bottom:16px}}.timesheets-title{font-size:2rem;font-weight:800;margin:0 0 6px;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 1400px) and (min-width: 1201px){.timesheets-title{font-size:1.875rem}}@media (max-width: 1200px) and (min-width: 941px){.timesheets-title{font-size:1.75rem}}.timesheets-subtitle{color:var(--muted);margin:0}.month-navigation{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0 24px;flex-wrap:wrap}.month-navigation .nav-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);cursor:pointer}.month-navigation .nav-btn svg{width:18px;height:18px}.month-navigation .nav-btn:hover{border-color:var(--brand)}.month-navigation .month-selector{display:flex;gap:8px}.month-navigation select{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 10px}.export-options{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:20px}.export-options h3{margin:0 0 10px;font-size:1.05rem}.export-buttons{display:flex;gap:10px;flex-wrap:wrap}.export-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);cursor:pointer}.export-btn.pdf{background:var(--brand-gradient);border-color:transparent;color:#fff;box-shadow:0 4px 16px #a855f759}.export-btn svg{width:18px;height:18px}.loading-spinner.small{width:16px;height:16px;border-width:3px}.timesheet-report{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px}.timesheet-content{display:grid;gap:16px}.report-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.report-header .company-info h2{margin:0 0 4px}.report-header .company-info p{margin:0;color:var(--muted)}.report-header .employee-info{display:grid;gap:6px}.report-header .info-row{display:flex;gap:8px;align-items:center}.report-header .label{color:var(--muted);font-weight:600}.timesheet-legend{background:var(--elev);border:1px solid var(--border);border-radius:10px;padding:12px}.timesheet-legend h4{margin:0 0 10px;font-size:.95rem}.legend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px 12px}.legend-item{display:flex;align-items:center;gap:8px;color:var(--muted)}.legend-code{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;color:#000;font-weight:700}.timesheet-grid .grid-header,.timesheet-grid .grid-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(44px,1fr);gap:2px;align-items:stretch}.timesheet-grid .grid-header{font-weight:700;color:var(--muted)}.timesheet-grid .header-cell{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:6px 8px;text-align:center;display:flex;align-items:center;justify-content:center}.timesheet-grid .row-label{position:sticky;left:0;z-index:2;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:6px 8px;text-align:center;font-weight:600;min-width:72px;display:flex;align-items:center;justify-content:center}.timesheet-grid .grid-cell{background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;padding:6px 8px;text-align:center;display:flex;align-items:center;justify-content:center}.status-code{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;color:#000;font-weight:700}.timesheet-matrix-wrapper{overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(6,182,212,.6) rgba(26,31,46,.2)}.timesheet-matrix-wrapper::-webkit-scrollbar{height:12px;width:12px}.timesheet-matrix-wrapper::-webkit-scrollbar-track{background:rgba(26,31,46,.2);border-radius:10px}.timesheet-matrix-wrapper::-webkit-scrollbar-thumb{background:rgba(6,182,212,.6);border-radius:10px;border:2px solid rgba(26,31,46,.2);background-clip:content-box}.timesheet-matrix-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(6,182,212,.8);background-clip:content-box}.timesheet-matrix{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border)}.timesheet-matrix th,.timesheet-matrix td{border:1px solid var(--border);padding:6px 4px;text-align:center;font-size:12px;white-space:nowrap}.timesheet-matrix thead th{position:sticky;top:0;z-index:2;background:var(--bg-soft)}.timesheet-matrix th:first-child,.timesheet-matrix td:first-child{text-align:left;background:var(--panel)}.monthly-summary{background:var(--elev);border:1px solid var(--border);border-radius:10px;padding:12px}.monthly-summary h4{margin:0 0 10px;font-size:.95rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 12px}.summary-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.summary-label{color:var(--muted)}.summary-value{font-weight:700}.approval-section{background:var(--elev);border:1px solid var(--border);border-radius:10px;padding:12px}.approval-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.approval-field label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:6px}.signature-line{height:1px;background:var(--border);margin:10px 0}.date-label{color:var(--muted);font-size:.85rem}@media (max-width: 768px){.timesheets-container{padding:16px}.timesheets-title{font-size:1.6rem}.timesheet-grid .header-cell,.timesheet-grid .row-label,.timesheet-grid .grid-cell{padding:5px}}.modal-content .timesheet-report{background:#ffffff;border-color:#e5e7eb}.modal-content .timesheet-report .timesheet-content,.modal-content .timesheet-report .report-header,.modal-content .timesheet-report .timesheet-legend,.modal-content .timesheet-report .monthly-summary,.modal-content .timesheet-report .approval-section{color:#111827}.modal-content .timesheet-report .report-header .company-info p,.modal-content .timesheet-report .report-header .label{color:#374151}.modal-content .timesheet-report .timesheet-legend,.modal-content .timesheet-report .monthly-summary,.modal-content .timesheet-report .approval-section{background:#ffffff;border:1px solid #e5e7eb}.modal-content .timesheet-report .legend-item{color:#374151}.modal-content .timesheet-report .legend-code{color:#111827}.modal-content .timesheet-report .timesheet-grid .grid-header,.modal-content .timesheet-report .timesheet-grid .grid-row{gap:6px}.modal-content .timesheet-report .timesheet-grid .header-cell,.modal-content .timesheet-report .timesheet-grid .row-label,.modal-content .timesheet-report .timesheet-grid .grid-cell{background:#ffffff;border:1px solid #e5e7eb;color:#111827}.modal-content .timesheet-report .summary-item{background:#ffffff;border:1px solid #e5e7eb}.summary .card{text-align:center;padding:16px}.summary .card-title{font-size:14px;color:var(--muted);margin-bottom:8px}.code-legend{background:var(--bg-soft);padding:12px;border-radius:8px;border:1px solid var(--border)}.code-legend h4{margin:0 0 8px;font-size:16px}.employee-info{background:linear-gradient(135deg,#a855f7,#8b5cf6);color:#fff;padding:20px;border-radius:12px;margin-bottom:20px}.remarks-approval{background:var(--bg-soft);padding:16px;border-radius:8px;border:1px solid var(--border)}.remarks-approval h4{margin:0 0 12px;font-size:16px}.remarks-approval textarea{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:8px;color:var(--text);font-family:inherit;resize:vertical;min-height:60px}.remarks-approval textarea:focus{border-color:var(--brand);box-shadow:0 0 0 2px #7c3aed40}.table-responsive{overflow-x:auto;border-radius:8px;border:1px solid var(--border);width:100%;max-width:100%;scrollbar-width:thin;scrollbar-color:rgba(6,182,212,.4) rgba(26,31,46,.3)}.table-responsive::-webkit-scrollbar{height:10px}.table-responsive::-webkit-scrollbar-track{background:rgba(26,31,46,.3);border-radius:10px}.table-responsive::-webkit-scrollbar-thumb{background:rgba(6,182,212,.4);border-radius:10px;border:2px solid rgba(26,31,46,.3);background-clip:content-box}.table-responsive::-webkit-scrollbar-thumb:hover{background:rgba(6,182,212,.6);background-clip:content-box}.table-responsive table{width:100%;min-width:800px;table-layout:auto}.attendance-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem;background:var(--panel);border-radius:16px;overflow:hidden;border:1px solid var(--border);box-shadow:0 2px 8px #0000000f}.attendance-table thead{background:linear-gradient(180deg,var(--bg-soft),var(--panel))}.attendance-table thead tr{display:table-row}.attendance-table tbody tr{display:table-row;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--panel)}.attendance-table tbody tr td:first-child{position:relative}.attendance-table tbody tr td:first-child:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--brand);opacity:.5;transition:width .3s ease;border-radius:4px 0 0 4px}.attendance-table tbody tr:hover td:first-child:before{width:4px}.attendance-table th{background:var(--bg-soft);color:var(--muted);font-weight:600;padding:1.125rem 1.25rem;text-align:left;border-bottom:.125rem solid var(--border);white-space:nowrap;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;position:sticky;top:0;z-index:10;min-width:6.25rem}.attendance-table td{padding:1rem 1.25rem;border-bottom:.0625rem solid var(--border);text-align:left;vertical-align:middle;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12.5rem}.attendance-row:hover{background:var(--bg-secondary)}.date-cell{font-weight:500;color:var(--text);min-width:100px}.time-cell,.time-cell1{font-family:Courier New,monospace;font-weight:500;color:var(--text);min-width:80px}.duration-cell{font-weight:500;color:var(--text);min-width:120px}.status-cell{text-align:center;min-width:100px}.notes-cell{color:var(--text-muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attendance-table th,.attendance-table td{text-align:left}.status-cell{text-align:center}.employee-dashboard{padding:24px;max-width:1400px;margin:0 auto}.employee-dashboard .dashboard-header{text-align:center;margin-bottom:32px}.employee-dashboard .dashboard-title{font-size:2.75rem;font-weight:800;margin:0 0 8px;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.2}.employee-dashboard .dashboard-subtitle{font-size:1.1rem;color:var(--muted);margin:0}.today-status{margin-bottom:32px}.status-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a,0 0 0 1px #ffffff05 inset;position:relative;overflow:hidden}.status-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--brand-gradient);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.status-icon{font-size:2rem;width:56px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--brand-gradient-soft);position:relative;overflow:hidden}.status-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--brand-gradient);opacity:0;transition:opacity .3s ease}.status-card:hover .status-icon:after{opacity:.2}.status-content h3{font-size:1.25rem;font-weight:700;margin:0 0 4px;color:var(--text);letter-spacing:-.01em}.status-content p{font-size:.875rem;color:var(--muted);margin:0;font-weight:500}.status-card:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 4px 16px #06b6d426,0 0 0 1px #06b6d41a inset}.status-card:hover:before{transform:scaleX(1)}.status-icon{font-size:2rem;width:60px;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.05)}.status-content h3{font-size:1.5rem;font-weight:700;margin:0 0 4px;color:var(--text)}.status-content p{font-size:.95rem;color:var(--muted);margin:0}.upcoming-leave{margin-top:32px}.upcoming-leave h3{font-size:1.25rem;font-weight:700;margin:0 0 16px;color:var(--text)}.leave-card{background:linear-gradient(180deg,rgba(17,24,39,.85),rgba(17,24,39,.7));border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;transition:all .2s ease}.leave-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003;border-color:var(--brand)}.leave-icon{font-size:2rem;width:60px;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(16,185,129,.1));color:var(--success)}.leave-content h4{font-size:1rem;font-weight:600;margin:0 0 8px;color:var(--muted)}.leave-content .leave-date{font-size:1.25rem;font-weight:700;margin:0;color:var(--text)}.dashboard-container{padding:32px;max-width:1600px;margin:0 auto;animation:fadeIn .5s ease-out;width:100%;box-sizing:border-box}@media (max-width: 1400px) and (min-width: 1201px){.dashboard-container{padding:28px;max-width:100%}}@media (max-width: 1200px) and (min-width: 941px){.dashboard-container{padding:24px;max-width:100%}}.dashboard-title{font-size:2.75rem;font-weight:800;margin:0 0 8px;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.2}@media (max-width: 1400px) and (min-width: 1201px){.dashboard-header{margin-bottom:28px}.dashboard-title{font-size:2.5rem}}@media (max-width: 1200px) and (min-width: 941px){.dashboard-header{margin-bottom:24px}.dashboard-title{font-size:2.25rem}}.dashboard-subtitle{font-size:1.1rem;color:var(--muted);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;width:100%;box-sizing:border-box}@media (max-width: 1400px) and (min-width: 1201px){.stats-grid{gap:18px;margin-bottom:28px}}@media (max-width: 1200px) and (min-width: 941px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f,0 0 0 1px #ffffff05 inset;position:relative;overflow:hidden}@media (max-width: 1400px) and (min-width: 1201px){.stat-card{padding:14px;gap:12px}}@media (max-width: 1200px) and (min-width: 941px){.stat-card{padding:12px;gap:10px}}.stat-card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:var(--brand-gradient);transform:scaleY(0);transform-origin:top;transition:transform .3s ease;border-radius:16px 0 0 16px}.stat-card:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(6,182,212,.05) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.stat-card:hover{border-color:var(--brand);box-shadow:0 4px 16px #06b6d41f,0 0 0 1px #06b6d41a inset;transform:translateY(-2px)}.stat-card:hover:before{transform:scaleY(1)}.stat-card:hover:after{opacity:1}.stat-icon{font-size:1.5rem;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--brand-gradient-soft);border-radius:10px;position:relative;overflow:hidden}.stat-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--brand-gradient);opacity:0;transition:opacity .3s ease}.stat-card:hover .stat-icon:before{opacity:.1}.stat-icon svg{width:22px;height:22px;position:relative;z-index:1;color:var(--brand)}.stat-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text);margin:0;line-height:1.2;letter-spacing:-.01em;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.75rem;color:var(--muted);margin:0;line-height:1.3;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.quick-actions-section{margin-bottom:32px}.quick-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.quick-actions .btn{padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;justify-content:center;position:relative;overflow:hidden}.quick-actions .btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(6,182,212,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.quick-actions .btn:hover:before{opacity:1}.quick-actions .btn svg,.quick-actions .btn .btn-icon{font-size:18px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.quick-actions .btn:hover svg,.quick-actions .btn:hover .btn-icon{transform:scale(1.1)}.btn-primary{background:var(--brand-gradient)!important;color:#fff!important;border:none!important;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #06b6d440,0 0 0 1px #ffffff1a inset}.theme-light .btn-primary{background:var(--brand-gradient)!important;box-shadow:0 4px 16px #0891b233,0 0 0 1px #ffffff1a inset}.btn-primary:hover:not(:disabled){background:var(--brand-gradient);transform:translateY(-2px);box-shadow:0 4px 16px #06b6d44d,0 0 0 1px #ffffff1a inset}.theme-light .btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #0891b240,0 0 0 1px #ffffff1a inset}.btn-secondary{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border);padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-outline{background:transparent;color:var(--text);border:2px solid var(--border);padding:10px 22px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-outline:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.btn:disabled{opacity:.5;cursor:not-allowed}.active-timer{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);padding:8px 16px;border-radius:20px;border:1px solid var(--success)}.timer-icon{font-size:1.2rem}.timer-text{font-family:Courier New,monospace;font-weight:600;color:var(--success)}.loading-text,.error-text{margin-top:12px;font-size:.9rem}.error-text{color:var(--danger)}.today-section{margin-bottom:32px}.today-section .card{margin-bottom:20px}.today-activity{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.activity-item{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--bg-soft);border-radius:12px;border:1px solid var(--border);transition:all .25s ease;position:relative;overflow:hidden}.activity-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--brand);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.activity-item:hover{border-color:var(--brand);box-shadow:0 4px 16px #06b6d41a;transform:translate(4px)}.activity-item:hover:before{transform:scaleY(1)}.activity-time{display:flex;flex-direction:column;gap:8px}.time-entry{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--panel);border-radius:8px;border:1px solid var(--border)}.time-label{font-size:.75rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.time-value{font-family:SF Mono,Monaco,Courier New,monospace;font-weight:700;color:var(--text);font-size:.95rem;letter-spacing:.05em}.activity-duration{font-weight:700;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.125rem;text-align:center;padding:8px 12px;background-color:var(--bg-soft);border-radius:8px;border:1px solid var(--border)}.no-activity{text-align:center;padding:60px 20px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:16px}.no-activity-icon{font-size:4rem;opacity:.4;width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:var(--bg-soft);border-radius:50%;border:2px dashed var(--border)}.no-activity-text{font-size:1.125rem;font-weight:500;color:var(--text)}.no-activity-subtext{font-size:.875rem;color:var(--muted);margin-top:4px}.recent-records-section{margin-bottom:32px}.camera-btn{display:inline-flex;align-items:center;gap:8px;background:var(--brand-gradient);border:none;color:#fff;padding:12px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.camera-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.camera-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.85);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);padding:20px;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.camera-modal{background:var(--card-bg);border-radius:28px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff14 inset;max-width:480px;width:100%;max-height:95vh;overflow-y:auto;border:1px solid rgba(255,255,255,.05);position:relative;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.camera-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent)}.camera-modal-header h3{margin:0;font-size:1.4rem;font-weight:800;letter-spacing:-.01em;background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn{background:none;border:none;font-size:24px;color:var(--muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-btn:hover{background:var(--border);color:var(--text)}.camera-content{padding:24px}.camera-preview{position:relative;background:#0f172a;border-radius:20px;overflow:hidden;margin-bottom:24px;aspect-ratio:3/4;border:2px solid rgba(6,182,212,.3);box-shadow:0 10px 30px #0006}.camera-preview:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#06b6d4,transparent);box-shadow:0 0 15px #06b6d4;animation:scanAnim 3s ease-in-out infinite;z-index:5}@keyframes scanAnim{0%{top:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.camera-video{width:100%;height:100%;object-fit:cover}.camera-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;margin-bottom:20px;color:var(--danger)}.error-icon{font-size:16px}.error-text{font-size:14px;font-weight:500}.camera-controls{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.camera-controls .btn{padding:12px 24px;font-weight:500;border-radius:8px;transition:all .2s ease}.camera-controls .btn:disabled{opacity:.6;cursor:not-allowed}.camera-instructions{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.camera-instructions p{margin:0 0 16px;font-weight:700;font-size:.9rem;color:var(--text);display:flex;align-items:center;gap:8px}.camera-instructions ul{margin:0;padding:0;list-style:none}.camera-instructions li{margin-bottom:10px;font-size:.8rem;line-height:1.4;color:var(--muted);position:relative;padding-left:18px}.camera-instructions li:before{content:"→";position:absolute;left:0;color:#06b6d4;font-weight:700}@media (max-width: 480px){.camera-instructions{grid-template-columns:1fr}}.registration-btn{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--brand);color:var(--brand);background:transparent;padding:12px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.registration-btn:hover{background:var(--brand);color:#fff;transform:translateY(-1px)}.registration-success{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:8px;margin-bottom:20px;color:var(--success)}.success-icon{font-size:16px}.success-text{font-size:14px;font-weight:500}@media (max-width: 640px){.camera-modal{width:95%;margin:20px}.camera-content{padding:16px}.camera-controls{flex-direction:column}.camera-controls .btn{width:100%}}.security-warning,.security-warning-arabic{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%);color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #ff6b6b4d;border-left:4px solid #ff4757}.security-warning-arabic{background:linear-gradient(135deg,#ffa726 0%,#ff9800 100%);border-left-color:#ff9800;box-shadow:0 2px 8px #ffa7264d}.warning-icon{font-size:18px;flex-shrink:0}.warning-text{font-size:14px;line-height:1.4}.warning-text strong{font-weight:700}.admin-dashboard{padding:24px;max-width:1400px;margin:0 auto}.dashboard-header{text-align:center;margin-bottom:32px}.dashboard-header h1{font-size:2.5rem;font-weight:700;margin:0 0 8px;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-header p{font-size:1.1rem;color:var(--muted);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0003,0 0 0 1px #ffffff0d inset;position:relative;overflow:hidden}.theme-light .stat-card{box-shadow:0 4px 16px #0000001a,0 0 0 1px #0000000d inset}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--brand-gradient);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d,0 0 0 1px #ffffff1a inset,0 0 30px #a855f733;border-color:var(--brand)}.theme-light .stat-card:hover{box-shadow:0 12px 40px #00000026,0 0 0 1px #00000014 inset,0 0 30px #0891b226;border-color:var(--brand)}.stat-card:hover:before{opacity:1}.stat-icon{width:48px;height:48px;flex-shrink:0}.stat-icon svg{width:100%;height:100%;color:var(--brand)}.status-card .status-icon svg{width:56px;height:56px}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;color:var(--text);margin:0 0 4px}.stat-label{font-size:.9rem;color:var(--muted);margin:0}.quick-actions{margin-bottom:32px}.quick-actions h3{font-size:1.25rem;font-weight:700;margin:0 0 16px;color:var(--text)}.actions-grid{display:flex;flex-direction:row;flex-wrap:nowrap;gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.actions-grid .action-card{flex:0 0 260px}.action-card{background:linear-gradient(180deg,rgba(17,24,39,.85),rgba(17,24,39,.7));border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;gap:16px;align-items:center;transition:all .2s ease;text-decoration:none;color:var(--text)}.action-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:var(--brand)}.action-icon{width:40px;height:40px;flex-shrink:0}.action-icon svg{width:100%;height:100%;color:var(--brand)}.action-content{flex:1}.action-content h4{font-size:1rem;font-weight:600;margin:0 0 4px;color:var(--text)}.action-content p{font-size:.875rem;color:var(--muted);margin:0 0 8px}.action-count{font-size:.75rem;color:var(--brand);font-weight:600}.recent-employees{margin-top:32px}.recent-employees h3{font-size:1.25rem;font-weight:700;margin:0 0 16px;color:var(--text)}.employees-table{background:linear-gradient(180deg,rgba(17,24,39,.85),rgba(17,24,39,.7));border:1px solid var(--border);border-radius:12px;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:16px;padding:16px 20px;background:var(--panel);border-bottom:2px solid var(--border)}.header-cell{font-weight:600;color:var(--muted);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border);transition:background .2s}.table-row:hover{background:rgba(17,24,39,.5)}.table-cell{display:flex;align-items:center}.employee-info{display:flex;flex-direction:column;gap:4px}.employee-name{font-weight:600;color:var(--text)}.employee-email{font-size:.875rem;color:var(--muted)}.role-badge,.status-badge{display:inline-flex;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.admin{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.role-badge.supervisor{background:rgba(59,130,246,.15);color:#c084fc;border:1px solid rgba(59,130,246,.3)}.role-badge.employee{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.status-badge.present{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3)}.status-badge.absent{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.action-buttons{display:flex;gap:8px}.btn.small{padding:6px 12px;font-size:.875rem}.btn.secondary{background:var(--panel);border-color:var(--border);color:var(--text)}.btn.secondary:hover{background:var(--elev);border-color:var(--brand);color:var(--text)}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--muted)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--text)}.error-message p{font-size:1.125rem;margin-bottom:16px;color:var(--danger)}@media (max-width: 768px){.admin-dashboard{padding:16px}.dashboard-header h1{font-size:2rem}.stats-grid,.actions-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:12px}.table-cell{padding:8px 0}.action-buttons{flex-wrap:wrap}}.attendance-requests-container{padding:24px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}@media (max-width: 1400px) and (min-width: 1201px){.attendance-requests-container{padding:20px}}@media (max-width: 1200px) and (min-width: 941px){.attendance-requests-container{padding:16px}}.attendance-requests-header{text-align:center;margin-bottom:32px}@media (max-width: 1400px) and (min-width: 1201px){.attendance-requests-header{margin-bottom:28px}}@media (max-width: 1200px) and (min-width: 941px){.attendance-requests-header{margin-bottom:24px}}.attendance-requests-title{font-size:2.5rem;font-weight:700;margin:0 0 8px;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 1400px) and (min-width: 1201px){.attendance-requests-title{font-size:2.25rem}}@media (max-width: 1200px) and (min-width: 941px){.attendance-requests-title{font-size:2rem}}.attendance-requests-subtitle{font-size:1.1rem;color:var(--muted);margin:0}.filters-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px;width:100%;box-sizing:border-box;overflow-x:hidden;box-shadow:0 2px 8px #00000014}.theme-light .filters-card{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.filters-card h3{font-size:1.125rem;font-weight:600;margin:0 0 16px;color:var(--text)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.filter-group label{font-size:.875rem;font-weight:600;color:var(--text)}.filter-group input,.filter-group select{padding:12px 16px;background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:12px;color:var(--text)!important;font-size:.875rem;transition:all .2s ease;width:100%;box-sizing:border-box;outline:none}.filter-group input:hover,.filter-group select:hover{border-color:var(--brand)!important;background:var(--elev)!important;box-shadow:0 0 0 3px #06b6d41a}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--brand)!important;box-shadow:0 0 0 3px #06b6d426!important;background:var(--elev)!important}.theme-light .filter-group input:hover,.theme-light .filter-group select:hover{box-shadow:0 0 0 3px #0891b21a}.theme-light .filter-group input:focus,.theme-light .filter-group select:focus{box-shadow:0 0 0 3px #0891b226!important}.table-card{background:linear-gradient(180deg,rgba(17,24,39,.85),rgba(17,24,39,.7));border:1px solid var(--border);border-radius:12px;padding:28px;width:100%;box-sizing:border-box;overflow-x:visible;box-shadow:0 4px 12px #0000001a}@media (max-width: 1400px) and (min-width: 1201px){.table-card{padding:24px;overflow-x:visible}}@media (max-width: 1200px) and (min-width: 941px){.table-card{padding:20px;overflow-x:visible}}.theme-light .table-card{background:var(--panel);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.table-header-modern{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.table-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.table-header-text{flex:1;min-width:200px}.table-header-text h3{font-size:1.5rem;font-weight:700;margin:0 0 6px;color:var(--text);line-height:1.2}.table-header-text p{font-size:.875rem;color:var(--muted);margin:0;line-height:1.5}.table-controls-modern{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}.pagination-controls-modern{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pagination-controls-modern label{font-size:.875rem;color:var(--muted);font-weight:500}.pagination-controls-modern select{padding:8px 12px;font-size:.875rem;background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;transition:all .2s ease;min-width:60px}.pagination-controls-modern select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #7c3aed1a}.pagination-controls-modern span{font-size:.875rem;color:var(--muted)}.pagination-info-modern{font-size:.875rem;color:var(--muted);text-align:right}.table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:rgba(6,182,212,.4) rgba(26,31,46,.3)}.table-container::-webkit-scrollbar{height:10px}.table-container::-webkit-scrollbar-track{background:rgba(26,31,46,.3);border-radius:10px}.table-container::-webkit-scrollbar-thumb{background:rgba(6,182,212,.4);border-radius:10px;border:2px solid rgba(26,31,46,.3);background-clip:content-box}.table-container::-webkit-scrollbar-thumb:hover{background:rgba(6,182,212,.6);background-clip:content-box}.attendance-table{width:100%;min-width:0;border-collapse:separate;border-spacing:0;table-layout:auto}.attendance-table thead th{text-align:left;font-size:.9rem;font-weight:700;padding:.75rem .625rem;color:var(--text);background:rgba(255,255,255,.03);border-bottom:.0625rem solid var(--border);position:sticky;top:0;z-index:1}.attendance-table tbody td{padding:.75rem .625rem;vertical-align:top;font-size:.95rem;color:var(--text);border-bottom:.0625rem solid var(--border)}.attendance-table tr:hover td{background:rgba(255,255,255,.02)}.attendance-table th:nth-child(1),.attendance-table td:nth-child(1){width:15rem}.attendance-table th:nth-child(2),.attendance-table td:nth-child(2){width:7.5rem}.attendance-table th:nth-child(3),.attendance-table td:nth-child(3),.attendance-table th:nth-child(4),.attendance-table td:nth-child(4){width:8.4375rem}.attendance-table th:nth-child(5),.attendance-table td:nth-child(5){width:12.5rem}.attendance-table th:nth-child(6),.attendance-table td:nth-child(6){width:12rem;min-width:12rem;white-space:nowrap}.attendance-table th:nth-child(7),.attendance-table td:nth-child(7){width:7.5rem;text-align:right}.attendance-table td:nth-child(5)>div{max-width:100%;overflow:visible;text-overflow:unset;white-space:normal;word-break:break-word}.attendance-table td:nth-child(7) .btn{white-space:nowrap}.attendance-table .table-row{display:table-row;grid-template-columns:none;gap:0;padding:0;border-bottom:0}.attendance-requests-container .table-container{overflow-x:auto;margin-top:8px;border:1px solid var(--border);border-radius:8px}.attendance-requests-container .attendance-table{width:100%;min-width:75rem;border-collapse:collapse;table-layout:fixed;border:none}.attendance-requests-container .attendance-table thead th,.attendance-requests-container .attendance-table tbody td{padding:.875rem 1rem;text-align:left;vertical-align:top;white-space:normal}.attendance-requests-container .attendance-table thead th{background:rgba(255,255,255,.03);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:2}.attendance-requests-container .attendance-table tbody tr{background:transparent;transition:background .2s ease}.attendance-requests-container .attendance-table tbody tr:before{display:none}.attendance-requests-container .attendance-table tbody tr:hover{transform:none;background:rgba(255,255,255,.02)}.attendance-requests-container .attendance-table td:nth-child(7),.attendance-requests-container .attendance-table th:nth-child(7){text-align:right}.attendance-requests-container .attendance-table th:last-child,.attendance-requests-container .attendance-table td:last-child{padding-right:1.5rem;width:11.25rem}.attendance-requests-container .attendance-table th:nth-child(6),.attendance-requests-container .attendance-table td:nth-child(6){width:14rem;min-width:14rem;white-space:nowrap}.attendance-requests-container .attendance-table td:nth-child(6) .status-badge{white-space:nowrap;display:inline-block}.recent-attendance-card{width:100%;max-width:100%;box-sizing:border-box;overflow-x:visible;overflow-y:visible}@media (max-width: 1400px) and (min-width: 1201px){.recent-attendance-card .table-header{padding:1rem 0;margin-bottom:1rem}.recent-attendance-card .table-header h3{font-size:1.25rem}.recent-attendance-card .pagination-info{font-size:.85rem}}@media (max-width: 1200px) and (min-width: 941px){.recent-attendance-card .table-header{padding:.875rem 0;margin-bottom:.875rem}.recent-attendance-card .table-header h3{font-size:1.125rem}.recent-attendance-card .pagination-info{font-size:.8rem}}.recent-attendance-table-wrapper{width:100%;max-width:100%;border-radius:.75rem;border:.0625rem solid var(--border);background:rgba(255,255,255,.02);overflow-x:auto;overflow-y:visible;box-sizing:border-box;position:relative;-webkit-overflow-scrolling:touch;scrollbar-width:thin;display:block}@media (max-width: 1400px){.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 1360px){.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 1200px){.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 1100px){.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 1000px){.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 900px){.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 850px){.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 800px){.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 790px){.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 768px){.recent-attendance-table-wrapper{border-radius:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 480px){.recent-attendance-table-wrapper{border-radius:.375rem;overflow-x:auto;-webkit-overflow-scrolling:touch}}.recent-attendance-table-wrapper{scrollbar-width:thin;scrollbar-color:rgba(6,182,212,.4) rgba(26,31,46,.3)}.recent-attendance-table-wrapper::-webkit-scrollbar{height:10px}.recent-attendance-table-wrapper::-webkit-scrollbar-track{background:rgba(26,31,46,.3);border-radius:10px}.recent-attendance-table-wrapper::-webkit-scrollbar-thumb{background:rgba(6,182,212,.4);border-radius:10px;border:2px solid rgba(26,31,46,.3);background-clip:content-box}.recent-attendance-table-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(6,182,212,.6);background-clip:content-box}.recent-attendance-table{width:100%;min-width:1200px;border-collapse:collapse;table-layout:auto;font-size:.875rem;border:none}@media (min-width: 1400px){.recent-attendance-table{table-layout:fixed;min-width:100%}}.recent-attendance-table thead th,.recent-attendance-table tbody td{padding:.75rem .875rem;text-align:left;vertical-align:middle;white-space:normal;overflow:visible;position:relative;word-break:break-word}.recent-attendance-table th:nth-child(1),.recent-attendance-table td:nth-child(1){min-width:8rem;width:auto}.recent-attendance-table th:nth-child(2),.recent-attendance-table td:nth-child(2){min-width:6rem;width:auto}.recent-attendance-table th:nth-child(3),.recent-attendance-table td:nth-child(3){min-width:8rem;width:auto;white-space:normal;word-break:break-word}.recent-attendance-table th:nth-child(4),.recent-attendance-table td:nth-child(4){min-width:6rem;width:auto}.recent-attendance-table th:nth-child(5),.recent-attendance-table td:nth-child(5){min-width:8rem;width:auto;white-space:normal;word-break:break-word}.recent-attendance-table th:nth-child(6),.recent-attendance-table td:nth-child(6){min-width:5.5rem;width:auto}.recent-attendance-table th:nth-child(7),.recent-attendance-table td:nth-child(7){min-width:7rem;width:auto;white-space:normal;word-break:break-word}.recent-attendance-table th:nth-child(8),.recent-attendance-table td:nth-child(8){min-width:9rem;width:auto;text-align:right;padding-right:1rem}@media (min-width: 1400px){.recent-attendance-table th:nth-child(1),.recent-attendance-table td:nth-child(1){width:9rem}.recent-attendance-table th:nth-child(2),.recent-attendance-table td:nth-child(2){width:7rem}.recent-attendance-table th:nth-child(3),.recent-attendance-table td:nth-child(3){width:9rem}.recent-attendance-table th:nth-child(4),.recent-attendance-table td:nth-child(4){width:7rem}.recent-attendance-table th:nth-child(5),.recent-attendance-table td:nth-child(5){width:9rem}.recent-attendance-table th:nth-child(6),.recent-attendance-table td:nth-child(6){width:6.5rem}.recent-attendance-table th:nth-child(7),.recent-attendance-table td:nth-child(7){width:8rem}.recent-attendance-table th:nth-child(8),.recent-attendance-table td:nth-child(8){width:10rem}}.recent-attendance-table thead th{background:rgba(255,255,255,.05);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.03125rem;font-size:.7rem;color:var(--muted);position:sticky;top:0;z-index:1}.recent-attendance-table tbody tr{background:transparent;transition:background .2s ease}.recent-attendance-table tbody tr:before{display:none}.recent-attendance-table tbody tr:hover{transform:none;background:rgba(255,255,255,.03)}.recent-attendance-table td:last-child,.recent-attendance-table th:last-child{text-align:right}@media (max-width: 1400px) and (min-width: 1201px){.recent-attendance-table{table-layout:auto;min-width:100%}.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.recent-attendance-table thead th,.recent-attendance-table tbody td{padding:.65rem .75rem}.recent-attendance-table thead th{font-size:.68rem}.recent-attendance-table-wrapper::-webkit-scrollbar{height:6px}}@media (max-width: 1200px) and (min-width: 1101px){.recent-attendance-table{table-layout:auto;min-width:100%}.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.recent-attendance-table thead th,.recent-attendance-table tbody td{padding:.6rem .7rem}.recent-attendance-table thead th{font-size:.66rem}.recent-attendance-table-wrapper::-webkit-scrollbar{height:6px}}@media (max-width: 1100px) and (min-width: 941px){.recent-attendance-table{table-layout:auto;min-width:100%}.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.recent-attendance-table thead th,.recent-attendance-table tbody td{padding:.55rem .65rem}.recent-attendance-table thead th{font-size:.65rem}.recent-attendance-table{font-size:.85rem}.recent-attendance-table-wrapper::-webkit-scrollbar{height:6px}}@media (max-width: 1200px){.recent-attendance-table{table-layout:auto;min-width:800px;font-size:.8rem}.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.recent-attendance-table thead th,.recent-attendance-table tbody td{padding:.5rem .625rem}.recent-attendance-table thead th{font-size:.65rem}.recent-attendance-table-wrapper::-webkit-scrollbar{height:8px}.recent-attendance-table-wrapper::-webkit-scrollbar-track{background:rgba(26,31,46,.3);border-radius:8px}.recent-attendance-table-wrapper::-webkit-scrollbar-thumb{background:rgba(6,182,212,.4);border-radius:8px;border:2px solid rgba(26,31,46,.3);background-clip:content-box}.recent-attendance-table-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(6,182,212,.6);background-clip:content-box}}@media (max-width: 992px){.recent-attendance-table{table-layout:auto;min-width:750px;font-size:.75rem}.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.recent-attendance-table thead th,.recent-attendance-table tbody td{padding:.5rem}.recent-attendance-table thead th{font-size:.625rem;padding:.5rem}.recent-attendance-table th:nth-child(1),.recent-attendance-table td:nth-child(1){min-width:7rem}.recent-attendance-table th:nth-child(2),.recent-attendance-table td:nth-child(2){min-width:5.5rem}.recent-attendance-table th:nth-child(3),.recent-attendance-table td:nth-child(3){min-width:7rem}.recent-attendance-table th:nth-child(4),.recent-attendance-table td:nth-child(4){min-width:5.5rem}.recent-attendance-table th:nth-child(5),.recent-attendance-table td:nth-child(5){min-width:7rem}.recent-attendance-table th:nth-child(6),.recent-attendance-table td:nth-child(6){min-width:4.5rem}.recent-attendance-table th:nth-child(7),.recent-attendance-table td:nth-child(7){min-width:6rem}.recent-attendance-table th:nth-child(8),.recent-attendance-table td:nth-child(8){min-width:8rem}.recent-attendance-table input[type=datetime-local]{min-width:10rem!important;font-size:.75rem!important;padding:.375rem 2rem .375rem .5rem!important}.recent-attendance-table input[type=datetime-local]::-webkit-calendar-picker-indicator{width:1rem!important;height:1rem!important;right:.25rem!important}.recent-attendance-table td:last-child{min-width:8rem}.recent-attendance-table td:last-child button{padding:.375rem .625rem!important;font-size:.75rem!important}.recent-attendance-table-wrapper::-webkit-scrollbar{height:6px}}@media (max-width: 1000px){.recent-attendance-table{table-layout:auto;min-width:750px;font-size:.75rem}.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.recent-attendance-table thead th,.recent-attendance-table tbody td{padding:.5rem}}@media (max-width: 900px){.recent-attendance-table{table-layout:auto;min-width:700px;font-size:.7rem}.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.recent-attendance-table thead th,.recent-attendance-table tbody td{padding:.45rem}.recent-attendance-table thead th{font-size:.6rem}}@media (max-width: 850px){.recent-attendance-table{table-layout:auto;min-width:700px}.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 800px){.recent-attendance-table{table-layout:auto;min-width:700px}.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 790px){.recent-attendance-table{table-layout:auto;min-width:700px}.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 768px){.recent-attendance-table{table-layout:auto;min-width:650px;font-size:.7rem}.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.recent-attendance-table thead th,.recent-attendance-table tbody td{padding:.4rem .35rem}.recent-attendance-table thead th{font-size:.6rem;padding:.4rem .35rem}.recent-attendance-table th:nth-child(1),.recent-attendance-table td:nth-child(1){min-width:6rem}.recent-attendance-table th:nth-child(2),.recent-attendance-table td:nth-child(2){min-width:5rem}.recent-attendance-table th:nth-child(3),.recent-attendance-table td:nth-child(3){min-width:6rem}.recent-attendance-table th:nth-child(4),.recent-attendance-table td:nth-child(4){min-width:5rem}.recent-attendance-table th:nth-child(5),.recent-attendance-table td:nth-child(5){min-width:6rem}.recent-attendance-table th:nth-child(6),.recent-attendance-table td:nth-child(6){min-width:4rem}.recent-attendance-table th:nth-child(7),.recent-attendance-table td:nth-child(7){min-width:5.5rem}.recent-attendance-table th:nth-child(8),.recent-attendance-table td:nth-child(8){min-width:7rem}.recent-attendance-table input[type=datetime-local]{min-width:8.5rem!important;font-size:.7rem!important;padding:.35rem 1.75rem .35rem .45rem!important}.recent-attendance-table input[type=datetime-local]::-webkit-calendar-picker-indicator{width:.9rem!important;height:.9rem!important;right:.3rem!important}.recent-attendance-table td:last-child{min-width:7rem;padding-right:.4rem!important}.recent-attendance-table td:last-child>div{gap:.3rem;flex-wrap:nowrap;justify-content:flex-end;width:100%;min-width:fit-content}.recent-attendance-table td:last-child button{padding:.35rem .5rem!important;font-size:.65rem!important;min-width:fit-content;white-space:nowrap;flex-shrink:0}.recent-attendance-table-wrapper::-webkit-scrollbar{height:6px}}@media (max-width: 480px){.recent-attendance-table{min-width:600px;font-size:.65rem}.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.recent-attendance-table thead th,.recent-attendance-table tbody td{padding:.35rem .3rem}.recent-attendance-table thead th{font-size:.55rem;padding:.35rem .3rem;letter-spacing:.02rem}.recent-attendance-table th:nth-child(1),.recent-attendance-table td:nth-child(1){min-width:5.5rem}.recent-attendance-table th:nth-child(2),.recent-attendance-table td:nth-child(2){min-width:4.5rem}.recent-attendance-table th:nth-child(3),.recent-attendance-table td:nth-child(3){min-width:5.5rem}.recent-attendance-table th:nth-child(4),.recent-attendance-table td:nth-child(4){min-width:4.5rem}.recent-attendance-table th:nth-child(5),.recent-attendance-table td:nth-child(5){min-width:5.5rem}.recent-attendance-table th:nth-child(6),.recent-attendance-table td:nth-child(6){min-width:3.5rem}.recent-attendance-table th:nth-child(7),.recent-attendance-table td:nth-child(7){min-width:5rem}.recent-attendance-table th:nth-child(8),.recent-attendance-table td:nth-child(8){min-width:6rem}.recent-attendance-table input[type=datetime-local]{min-width:8rem!important;font-size:.65rem!important;padding:.3rem 1.5rem .3rem .4rem!important}.recent-attendance-table input[type=datetime-local]::-webkit-calendar-picker-indicator{width:.85rem!important;height:.85rem!important;right:.25rem!important;padding:.05rem!important}.recent-attendance-table td:last-child{min-width:6rem}.recent-attendance-table td:last-child>div{gap:.25rem;flex-wrap:nowrap;width:100%}.recent-attendance-table td:last-child button{padding:.3rem .45rem!important;font-size:.6rem!important;white-space:nowrap;flex-shrink:0}.recent-attendance-table-wrapper::-webkit-scrollbar{height:5px}}@media (max-width: 360px){.recent-attendance-table{min-width:550px;font-size:.6rem}.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.recent-attendance-table thead th,.recent-attendance-table tbody td{padding:.3rem .25rem}.recent-attendance-table thead th{font-size:.5rem}.recent-attendance-table th:nth-child(1),.recent-attendance-table td:nth-child(1){min-width:5rem}.recent-attendance-table th:nth-child(2),.recent-attendance-table td:nth-child(2){min-width:4rem}.recent-attendance-table th:nth-child(3),.recent-attendance-table td:nth-child(3){min-width:5rem}.recent-attendance-table th:nth-child(4),.recent-attendance-table td:nth-child(4){min-width:4rem}.recent-attendance-table th:nth-child(5),.recent-attendance-table td:nth-child(5){min-width:5rem}.recent-attendance-table th:nth-child(6),.recent-attendance-table td:nth-child(6){min-width:3rem}.recent-attendance-table th:nth-child(7),.recent-attendance-table td:nth-child(7){min-width:4.5rem}.recent-attendance-table th:nth-child(8),.recent-attendance-table td:nth-child(8){min-width:5.5rem}.recent-attendance-table input[type=datetime-local]{min-width:7.5rem!important;font-size:.6rem!important;padding:.25rem 1.5rem .25rem .35rem!important}.recent-attendance-table input[type=datetime-local]::-webkit-calendar-picker-indicator{width:.8rem!important;height:.8rem!important;right:.2rem!important}.recent-attendance-table td:last-child{min-width:5.5rem}.recent-attendance-table td:last-child button{padding:.25rem .4rem!important;font-size:.55rem!important}.recent-attendance-table-wrapper::-webkit-scrollbar{height:4px}}.recent-attendance-table input[type=datetime-local],.recent-attendance-table input[type=datetime-local]:focus{position:relative;z-index:100!important;background:rgba(17,24,39,.95)!important;color:var(--text)!important;padding:.5rem 3.5rem .5rem .75rem!important;width:100%!important;min-width:14rem!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important;cursor:text;text-overflow:ellipsis;white-space:nowrap;border:.125rem solid rgba(6,182,212,.5)!important;box-shadow:0 0 .5rem #06b6d44d,0 .25rem .5rem #00000080!important}.theme-light .recent-attendance-table input[type=datetime-local],.theme-light .recent-attendance-table input[type=datetime-local]:focus{background:#ffffff!important;color:#1f2937!important;border:1px solid rgba(6,182,212,.6)!important;box-shadow:0 1px 3px #0000001a,0 0 0 3px #06b6d41a!important}.recent-attendance-table input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer!important;position:absolute!important;right:.625rem!important;top:50%!important;transform:translateY(-50%)!important;opacity:1!important;z-index:1000!important;filter:invert(.9) brightness(1.1) contrast(1.2);width:1.25rem!important;height:1.25rem!important;min-width:1.25rem!important;min-height:1.25rem!important;background:rgba(6,182,212,.1)!important;border-radius:.25rem!important;padding:.125rem!important;margin:0!important;display:block!important;visibility:visible!important;pointer-events:auto!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;transition:all .2s ease!important}.theme-light .recent-attendance-table input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(0) brightness(.8) contrast(1.2)!important;background:rgba(6,182,212,.15)!important}.recent-attendance-table input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{filter:invert(.95) brightness(1.3) contrast(1.3);background:rgba(6,182,212,.2)!important;transform:translateY(-50%) scale(1.1)!important}.theme-light .recent-attendance-table input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{filter:invert(0) brightness(.6) contrast(1.3)!important;background:rgba(6,182,212,.25)!important}.recent-attendance-table input[type=datetime-local]::-webkit-inner-spin-button,.recent-attendance-table input[type=datetime-local]::-webkit-clear-button{z-index:100;opacity:1;display:block!important;visibility:visible!important}.recent-attendance-table input[type=datetime-local]::-moz-calendar-picker-indicator{cursor:pointer!important;opacity:1!important;z-index:1000!important;width:1.5rem!important;height:1.5rem!important;display:block!important;visibility:visible!important}.recent-attendance-table tbody td{overflow:visible!important;position:relative}@media (max-width: 768px){.recent-attendance-card{padding:1rem!important}.recent-attendance-card .table-header{padding:.75rem 0!important;margin-bottom:.75rem!important}.recent-attendance-card .table-header h3{font-size:1rem!important}.recent-attendance-card .pagination-info{font-size:.75rem!important}}@media (max-width: 480px){.recent-attendance-card{padding:.75rem!important}.recent-attendance-card .table-header{padding:.5rem 0!important;margin-bottom:.5rem!important;flex-direction:column;align-items:flex-start;gap:.5rem}.recent-attendance-card .table-header h3{font-size:.875rem!important}.recent-attendance-card .pagination-info{font-size:.6875rem!important}}.recent-attendance-table td:last-child>div{position:relative;z-index:10;display:flex;gap:.5rem;flex-wrap:nowrap;justify-content:flex-end;min-width:fit-content;width:100%}.recent-attendance-table td:last-child button{position:relative;z-index:11;flex-shrink:0;white-space:nowrap;min-width:fit-content}@media (max-width: 1360px){.recent-attendance-table td:last-child>div{gap:.5rem;flex-wrap:nowrap;justify-content:flex-end;width:100%;min-width:fit-content;overflow:visible}.recent-attendance-table td:last-child button{padding:.5rem .75rem!important;font-size:.8125rem!important;min-width:fit-content;white-space:nowrap;flex-shrink:0;position:relative;z-index:11}}@media (max-width: 790px){.recent-attendance-table td:last-child>div{gap:.375rem;flex-wrap:nowrap;justify-content:flex-end;width:100%;min-width:fit-content;overflow:visible}.recent-attendance-table td:last-child button{padding:.375rem .5rem!important;font-size:.7rem!important;min-width:fit-content;white-space:nowrap;flex-shrink:0;position:relative;z-index:11}}@media (max-width: 768px){.recent-attendance-table td:last-child>div{gap:.375rem;flex-wrap:nowrap;justify-content:flex-end;width:100%;min-width:fit-content;overflow:visible}.recent-attendance-table td:last-child button{padding:.375rem .5rem!important;font-size:.7rem!important;min-width:fit-content;white-space:nowrap;flex-shrink:0;position:relative;z-index:11}}.attendance-log-container .table-responsive{overflow-x:auto;border-radius:12px;border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:rgba(6,182,212,.4) rgba(26,31,46,.3)}.attendance-log-container .table-responsive::-webkit-scrollbar{height:10px}.attendance-log-container .table-responsive::-webkit-scrollbar-track{background:rgba(26,31,46,.3);border-radius:10px}.attendance-log-container .table-responsive::-webkit-scrollbar-thumb{background:rgba(6,182,212,.4);border-radius:10px;border:2px solid rgba(26,31,46,.3);background-clip:content-box}.attendance-log-container .table-responsive::-webkit-scrollbar-thumb:hover{background:rgba(6,182,212,.6);background-clip:content-box}.attendance-log-container .attendance-table{width:100%;min-width:62.5rem;border-collapse:collapse;table-layout:fixed;border:none}.attendance-log-container .attendance-table thead th,.attendance-log-container .attendance-table tbody td{padding:.75rem .875rem;text-align:left;vertical-align:middle;white-space:nowrap}.attendance-log-container .attendance-table th:nth-child(1),.attendance-log-container .attendance-table td:nth-child(1){width:6.875rem}.attendance-log-container .attendance-table th:nth-child(2),.attendance-log-container .attendance-table td:nth-child(2){width:7.5rem}.attendance-log-container .attendance-table th:nth-child(3),.attendance-log-container .attendance-table td:nth-child(3){width:7.5rem}.attendance-log-container .attendance-table th:nth-child(4),.attendance-log-container .attendance-table td:nth-child(4){width:6.875rem}.attendance-log-container .attendance-table th:nth-child(5),.attendance-log-container .attendance-table td:nth-child(5){width:6.875rem}.attendance-log-container .attendance-table th:nth-child(6),.attendance-log-container .attendance-table td:nth-child(6){width:7.5rem}.attendance-log-container .attendance-table th:nth-child(7),.attendance-log-container .attendance-table td:nth-child(7){width:auto;max-width:23.75rem}.attendance-log-container .attendance-table thead th{background:rgba(255,255,255,.05);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;color:var(--muted);position:sticky;top:0;z-index:1}.attendance-log-container .attendance-table tbody tr{background:transparent;transition:background .2s ease}.attendance-log-container .attendance-table tbody tr:before{display:none}.attendance-log-container .attendance-table tbody tr:hover{transform:none;background:rgba(255,255,255,.02)}.attendance-log-container .attendance-table td:nth-child(7){max-width:340px;white-space:normal;word-break:break-word;line-height:1.4}.all-requests-table-wrapper{width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:12px;scrollbar-width:thin;scrollbar-color:rgba(6,182,212,.4) rgba(26,31,46,.3)}.all-requests-table-wrapper::-webkit-scrollbar{height:10px}.all-requests-table-wrapper::-webkit-scrollbar-track{background:rgba(26,31,46,.3);border-radius:10px}.all-requests-table-wrapper::-webkit-scrollbar-thumb{background:rgba(6,182,212,.4);border-radius:10px;border:2px solid rgba(26,31,46,.3);background-clip:content-box}.all-requests-table-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(6,182,212,.6);background-clip:content-box}.all-requests-table-wrapper .all-requests-table,.all-requests-table-wrapper table.all-requests-table{width:100%!important;min-width:1320px!important;border-collapse:separate!important;border-spacing:0!important;table-layout:fixed!important;border:none!important;margin:0!important;transform:none!important;position:relative!important}.all-requests-table-wrapper .all-requests-table thead th,.all-requests-table-wrapper .all-requests-table tbody td,.all-requests-table-wrapper table.all-requests-table thead th,.all-requests-table-wrapper table.all-requests-table tbody td{padding:12px 14px!important;text-align:left!important;vertical-align:top!important;white-space:nowrap!important;position:static!important;transform:none!important;margin:0!important;left:auto!important;right:auto!important;box-sizing:border-box!important;border-left:none!important;border-right:none!important;min-width:auto!important;max-width:none!important}.all-requests-table-wrapper .all-requests-table thead th,.all-requests-table-wrapper table.all-requests-table thead th{padding:12px 14px!important;background:rgba(255,255,255,.05)!important;border-bottom:1px solid var(--border)!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-size:.7rem!important;color:var(--muted)!important;position:sticky!important;top:0!important;z-index:1!important;font-weight:600!important}.all-requests-table-wrapper .all-requests-table tbody td,.all-requests-table-wrapper table.all-requests-table tbody td{padding:12px 14px!important}.all-requests-table thead th{background:rgba(255,255,255,.05);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;color:var(--muted);position:sticky;top:0;z-index:1;font-weight:600}.all-requests-table-wrapper .all-requests-table tbody tr,.all-requests-table-wrapper table.all-requests-table tbody tr{background:transparent!important;transition:background .2s ease!important;transform:none!important;position:static!important;display:table-row!important;margin:0!important;padding:0!important;left:0!important;right:0!important}.all-requests-table-wrapper .all-requests-table tbody tr:before,.all-requests-table-wrapper table.all-requests-table tbody tr:before{display:none!important;content:none!important;width:0!important;height:0!important;opacity:0!important}.all-requests-table-wrapper .all-requests-table tbody tr:hover,.all-requests-table-wrapper table.all-requests-table tbody tr:hover{transform:none!important;background:rgba(255,255,255,.02)!important;left:0!important;right:0!important}.all-requests-table-wrapper .all-requests-table tbody tr:hover:before,.all-requests-table-wrapper table.all-requests-table tbody tr:hover:before{display:none!important;width:0!important;height:0!important}.all-requests-table th:nth-child(1),.all-requests-table td:nth-child(1){width:80px;min-width:80px;max-width:80px;padding-left:14px!important;padding-right:14px!important}.all-requests-table th:nth-child(2),.all-requests-table td:nth-child(2){width:190px;min-width:190px;max-width:190px;padding-left:14px!important;padding-right:14px!important}.all-requests-table th:nth-child(3),.all-requests-table td:nth-child(3){width:320px;min-width:320px;max-width:320px;white-space:normal;word-break:break-word;padding-left:14px!important;padding-right:14px!important}.all-requests-table th:nth-child(4),.all-requests-table td:nth-child(4){width:190px;min-width:190px;max-width:190px;padding-left:14px!important;padding-right:14px!important}.all-requests-table th:nth-child(5),.all-requests-table td:nth-child(5){width:180px;min-width:180px;max-width:200px;padding-left:14px!important;padding-right:14px!important;white-space:nowrap}.all-requests-table th:nth-child(6),.all-requests-table td:nth-child(6){width:130px;min-width:130px;max-width:130px;padding-left:14px!important;padding-right:14px!important}.all-requests-table th:nth-child(7),.all-requests-table td:nth-child(7){width:200px;min-width:200px;max-width:200px;text-align:center;padding-left:14px!important;padding-right:14px!important;white-space:normal!important}.all-requests-table td:nth-child(7)>div{display:flex!important;gap:8px!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;width:100%!important}.all-requests-table td:nth-child(7) button{flex-shrink:0!important;white-space:nowrap!important;min-width:fit-content!important}.all-requests-table td:nth-child(3) .text-muted,.all-requests-table td:nth-child(3) div{white-space:normal}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;color:var(--muted)}.loading-state svg,.error-state svg{width:48px;height:48px;margin-bottom:16px;color:var(--brand)}.error-state{color:var(--danger)}.error-state svg{color:var(--danger)}.status-pending{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.3);padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;display:inline-flex}.status-approved{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3);padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;display:inline-flex}.status-rejected{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3);padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;display:inline-flex}.stat-icon.warning svg{color:var(--warning)}.stat-icon.success svg{color:var(--success)}.stat-icon.danger svg{color:var(--danger)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 20px;text-align:center;color:var(--muted)}.empty-state-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:1.125rem;margin:0}.attendance-log-container{padding:24px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}@media (max-width: 1400px) and (min-width: 1201px){.attendance-log-container{padding:20px}}@media (max-width: 1200px) and (min-width: 941px){.attendance-log-container{padding:16px}}.attendance-log-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}@media (max-width: 1400px) and (min-width: 1201px){.attendance-log-header{margin-bottom:28px}}@media (max-width: 1200px) and (min-width: 941px){.attendance-log-header{margin-bottom:24px;flex-wrap:wrap;gap:16px}}.attendance-log-title{font-size:2.5rem;font-weight:700;margin:0 0 8px;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 1400px) and (min-width: 1201px){.attendance-log-title{font-size:2.25rem}}@media (max-width: 1200px) and (min-width: 941px){.attendance-log-title{font-size:2rem}}.attendance-log-subtitle{font-size:1.1rem;color:var(--muted);margin:0}.filter-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:.75rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.filter-card input,.filter-card select,.filters-card input,.filters-card select,.filter-grid input,.filter-grid select{padding:12px 16px!important;background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:12px!important;color:var(--text)!important;font-size:.875rem!important;transition:all .2s ease!important;width:100%;box-sizing:border-box;outline:none}.filter-card input:hover,.filter-card select:hover,.filters-card input:hover,.filters-card select:hover,.filter-grid input:hover,.filter-grid select:hover{border-color:var(--brand)!important;background:var(--elev)!important;box-shadow:0 0 0 3px #06b6d41a!important}.filter-card input:focus,.filter-card select:focus,.filters-card input:focus,.filters-card select:focus,.filter-grid input:focus,.filter-grid select:focus{outline:none!important;border-color:var(--brand)!important;box-shadow:0 0 0 3px #06b6d426!important;background:var(--elev)!important}.theme-light .filter-card input:hover,.theme-light .filter-card select:hover,.theme-light .filters-card input:hover,.theme-light .filters-card select:hover,.theme-light .filter-grid input:hover,.theme-light .filter-grid select:hover{box-shadow:0 0 0 3px #0891b21a!important}.theme-light .filter-card input:focus,.theme-light .filter-card select:focus,.theme-light .filters-card input:focus,.theme-light .filters-card select:focus,.theme-light .filter-grid input:focus,.theme-light .filter-grid select:focus{box-shadow:0 0 0 3px #0891b226!important}.filter-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-box{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center;transition:all .2s ease}.stat-box:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:var(--brand)}.theme-light .stat-box:hover{box-shadow:0 8px 25px #0000001a}.stat-number{font-size:2rem;font-weight:700;color:var(--brand);margin-bottom:8px}.stat-text{font-size:.875rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.badge{padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;display:inline-flex}.badge-green{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-yellow{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-red{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-blue{background:rgba(59,130,246,.15);color:#c084fc;border:1px solid rgba(59,130,246,.3)}.badge-gray{background:rgba(148,163,184,.15);color:#94a3b8;border:1px solid rgba(148,163,184,.3)}@media (max-width: 768px){.attendance-log-container{padding:16px}.attendance-log-header{flex-direction:column;gap:16px}.attendance-log-title{font-size:2rem}.filter-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.stats-row{grid-template-columns:1fr}.filter-card .btn{width:100%}}.vacation-days-card{margin-bottom:24px;padding:16px 20px;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(59,130,246,.08));border:1px solid rgba(59,130,246,.3);border-radius:12px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.theme-light .vacation-days-card{background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(59,130,246,.04));border-color:#3b82f633}.vacation-days-card:hover{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(59,130,246,.12));border-color:#3b82f666;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.theme-light .vacation-days-card:hover{background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(59,130,246,.06));box-shadow:0 4px 12px #3b82f61a}.vacation-days-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.2);border-radius:12px;flex-shrink:0}.vacation-days-icon svg{width:24px;height:24px;color:#a855f7}.vacation-days-content{flex:1}.vacation-days-main{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:4px;line-height:1.4}.vacation-days-main strong{color:#a855f7;font-size:1.1rem}.vacation-days-sub{font-size:.875rem;color:var(--muted);line-height:1.4}.pagination-info{font-size:.875rem;color:var(--muted)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid var(--border);margin-top:20px}.pagination-buttons{display:flex;gap:8px;align-items:center}.pagination-btn{padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.875rem;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--border);border-color:var(--brand);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}.modal-close{background:none;border:none;font-size:32px;color:var(--muted);cursor:pointer;padding:4px;line-height:1;transition:all .2s}.modal-close:hover{color:var(--text);transform:rotate(90deg)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid var(--border)}.form-group{margin-bottom:20px;width:100%;box-sizing:border-box}.form-group label{display:block;font-size:.875rem;color:var(--muted);margin-bottom:8px;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;max-width:100%;box-sizing:border-box}.timesheet-report-container{padding:24px;max-width:1400px;margin:0 auto}.timesheet-header{margin-bottom:24px}.timesheet-title{font-size:2.5rem;font-weight:700;margin:0 0 8px;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timesheet-subtitle{font-size:1.1rem;color:var(--muted);margin:0}.filter-controls-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.filter-control{display:flex;flex-direction:column;gap:8px}.filter-control label{font-size:.75rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.filter-control input,.filter-control select{padding:12px 16px;background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:12px;color:var(--text)!important;font-size:.875rem;transition:all .2s ease;width:100%;box-sizing:border-box;outline:none}.filter-control input:hover,.filter-control select:hover{border-color:var(--brand)!important;background:var(--elev)!important;box-shadow:0 0 0 3px #06b6d41a}.filter-control input:focus,.filter-control select:focus{outline:none;border-color:var(--brand)!important;box-shadow:0 0 0 3px #06b6d426!important;background:var(--elev)!important}.theme-light .filter-control input:hover,.theme-light .filter-control select:hover{box-shadow:0 0 0 3px #0891b21a}.theme-light .filter-control input:focus,.theme-light .filter-control select:focus{box-shadow:0 0 0 3px #0891b226!important}@media (max-width: 768px){.timesheet-report-container{padding:16px}.timesheet-title{font-size:2rem}.filter-controls-row{flex-direction:column;align-items:stretch}}.leaves-container{padding:24px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box;overflow-x:hidden}@media (max-width: 1400px) and (min-width: 1201px){.leaves-container{padding:20px}}@media (max-width: 1200px) and (min-width: 941px){.leaves-container{padding:16px}}.leaves-header{margin-bottom:32px;text-align:center}@media (max-width: 1400px) and (min-width: 1201px){.leaves-header{margin-bottom:28px}}@media (max-width: 1200px) and (min-width: 941px){.leaves-header{margin-bottom:24px}}.leaves-title{font-size:2.5rem;font-weight:700;margin:0 0 8px;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 1400px) and (min-width: 1201px){.leaves-title{font-size:2.25rem}}@media (max-width: 1200px) and (min-width: 941px){.leaves-title{font-size:2rem}}.leaves-subtitle{font-size:1.1rem;color:var(--muted);margin:0}.request-form-card{background:linear-gradient(180deg,rgba(17,24,39,.85),rgba(17,24,39,.7));border:1px solid var(--border);border-radius:12px;padding:28px;margin-bottom:24px;width:100%;box-sizing:border-box;overflow-x:hidden;box-shadow:0 4px 12px #0000001a}.theme-light .request-form-card{background:var(--panel);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.request-form-card h3{font-size:1.5rem;font-weight:700;margin:0 0 8px;color:var(--text);line-height:1.2}.request-form-card p{font-size:.9rem;color:var(--muted);margin:0 0 24px;line-height:1.5}.request-form-card .error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:20px;color:var(--danger)}.request-form-card .error-message svg{width:20px;height:20px;flex-shrink:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px;width:100%;box-sizing:border-box}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;transition:all .2s ease;width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #7c3aed1a}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.form-group.full-width{grid-column:1 / -1}.submit-btn{width:100%;padding:12px 24px;font-weight:600}.leaves-table-wrapper{width:100%;margin-top:24px;background:var(--panel);border-radius:12px;border:1px solid var(--border);overflow-x:auto;overflow-y:visible;box-shadow:0 1px 3px #0000001a;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(6,182,212,.4) rgba(26,31,46,.3)}.leaves-table-wrapper::-webkit-scrollbar{height:10px}.leaves-table-wrapper::-webkit-scrollbar-track{background:rgba(26,31,46,.3);border-radius:10px}.leaves-table-wrapper::-webkit-scrollbar-thumb{background:rgba(6,182,212,.4);border-radius:10px;border:2px solid rgba(26,31,46,.3);background-clip:content-box}.leaves-table-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(6,182,212,.6);background-clip:content-box}.theme-light .leaves-table-wrapper{box-shadow:0 1px 2px #0000000d}.leaves-table{width:100%;min-width:1100px;border-collapse:separate;border-spacing:0;background:transparent}.leaves-table thead{background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(79,70,229,.1));position:sticky;top:0;z-index:10}.theme-light .leaves-table thead{background:linear-gradient(135deg,rgba(124,58,237,.05),rgba(79,70,229,.05))}.leaves-table th{padding:18px 20px;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.8px;color:var(--text);border-bottom:2px solid var(--border);white-space:nowrap;background:transparent}.leaves-table th:first-child{padding-left:24px}.leaves-table th:last-child{padding-right:24px}.leaves-table tbody tr{transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.leaves-table tbody tr:hover{background:rgba(124,58,237,.05);transform:translate(2px)}.theme-light .leaves-table tbody tr:hover{background:rgba(124,58,237,.03)}.leaves-table tbody tr:last-child{border-bottom:none}.leaves-table td{padding:20px;font-size:.9rem;color:var(--text);vertical-align:middle;background:transparent}.leaves-table td:first-child{padding-left:24px}.leaves-table td:last-child{padding-right:24px}.leaves-table-cell-content{display:flex;align-items:center;gap:8px;line-height:1.5}.leaves-table-cell-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.leave-type-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:600;white-space:nowrap;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;box-shadow:0 2px 6px #7c3aed40;transition:all .2s ease}.leave-type-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed59}.status-badge-modern{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:8px;font-size:.8rem;font-weight:600;white-space:nowrap;min-width:90px;transition:all .2s ease}.status-badge-modern.pending{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;box-shadow:0 2px 6px #f59e0b40}.status-badge-modern.approved{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;box-shadow:0 2px 6px #10b98140}.status-badge-modern.rejected{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;box-shadow:0 2px 6px #ef444440}.status-badge-modern:hover{transform:translateY(-1px);filter:brightness(1.1)}.date-display{display:flex;flex-direction:column;gap:4px}.date-display-main{font-weight:500;color:var(--text);font-size:.9rem}.date-display-time{font-size:.75rem;color:var(--muted);display:flex;align-items:center;gap:4px}.reason-text,.admin-response-text{max-width:300px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.6;color:var(--text);font-size:.875rem}.admin-response-text{color:var(--muted);font-style:italic}.duration-display{text-align:center;font-weight:500;color:var(--text);font-size:.875rem}.duration-display.highlight{color:#a855f7;font-weight:600}.empty-cell{color:var(--muted);font-style:italic;font-size:.875rem}.leaves-table-wrapper::-webkit-scrollbar{height:8px}.leaves-table-wrapper::-webkit-scrollbar-track{background:var(--bg);border-radius:4px}.leaves-table-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.leaves-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media (max-width: 1024px) and (min-width: 769px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:10px}.stat-card{padding:14px}.stat-icon{font-size:1.6rem;width:36px;height:36px}.stat-value{font-size:1.4rem}}@media (max-width: 768px){.leaves-container{padding:16px}.leaves-title{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:12px;gap:8px}.stat-icon{font-size:1.5rem;width:32px;height:32px}.stat-value{font-size:1.25rem}.stat-label{font-size:.7rem}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.table-header-content{flex-direction:column;align-items:stretch;gap:16px}.table-controls-modern{align-items:flex-start}.pagination-controls-modern{flex-wrap:wrap}.table-header-text h3,.request-form-card h3{font-size:1.25rem}.vacation-days-card{padding:12px 16px;gap:12px}.vacation-days-icon{width:40px;height:40px}.vacation-days-icon svg{width:20px;height:20px}.vacation-days-main{font-size:.9rem}.vacation-days-main strong{font-size:1rem}.table-container{overflow-x:auto}.leaves-table{min-width:900px;font-size:.8rem}.leaves-table th,.leaves-table td{padding:10px 8px}.request-form-card,.filters-card,.table-card{padding:20px}.pagination{flex-direction:column;gap:12px}.pagination-buttons{flex-wrap:wrap;justify-content:center}}.overtime-container{padding:24px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}@media (max-width: 1400px) and (min-width: 1201px){.overtime-container{padding:20px}}@media (max-width: 1200px) and (min-width: 941px){.overtime-container{padding:16px}}.overtime-header{margin-bottom:32px}@media (max-width: 1400px) and (min-width: 1201px){.overtime-header{margin-bottom:28px}}@media (max-width: 1200px) and (min-width: 941px){.overtime-header{margin-bottom:24px}}.overtime-title{font-size:2.5rem;font-weight:700;margin:0 0 8px;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 1400px) and (min-width: 1201px){.overtime-title{font-size:2.25rem}}@media (max-width: 1200px) and (min-width: 941px){.overtime-title{font-size:2rem}}.overtime-subtitle{font-size:1.1rem;color:var(--muted);margin:0}.overtime-form-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px}.overtime-form-card h3{font-size:1.25rem;font-weight:700;margin:0 0 4px;color:var(--text)}.overtime-form-card p{font-size:.875rem;color:var(--muted);margin:0 0 20px}.overtime-form-card .error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:20px;color:var(--danger)}.overtime-form-card .error-message svg{width:20px;height:20px;flex-shrink:0}.overtime-table{width:100%;border-collapse:collapse}.overtime-table th{background:var(--panel);color:var(--text);font-weight:600;padding:12px 16px;text-align:left;border-bottom:2px solid var(--border);white-space:nowrap;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.overtime-table td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:.875rem}.overtime-table tr:hover{background:rgba(17,24,39,.5)}.hours-cell{font-weight:600;color:var(--brand)}@media (max-width: 768px){.overtime-container{padding:16px}.overtime-title{font-size:2rem}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.table-container{overflow-x:auto}.overtime-table{min-width:600px}}.travel-container{padding:24px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}@media (max-width: 1400px) and (min-width: 1201px){.travel-container{padding:20px}}@media (max-width: 1200px) and (min-width: 941px){.travel-container{padding:16px}}.travel-header{margin-bottom:32px}@media (max-width: 1400px) and (min-width: 1201px){.travel-header{margin-bottom:28px}}@media (max-width: 1200px) and (min-width: 941px){.travel-header{margin-bottom:24px}}.travel-title{font-size:2.5rem;font-weight:700;margin:0 0 8px;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 1400px) and (min-width: 1201px){.travel-title{font-size:2.25rem}}@media (max-width: 1200px) and (min-width: 941px){.travel-title{font-size:2rem}}.travel-subtitle{font-size:1.1rem;color:var(--muted);margin:0}.travel-form-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px}.travel-form-card h3{font-size:1.25rem;font-weight:700;margin:0 0 4px;color:var(--text)}.travel-form-card p{font-size:.875rem;color:var(--muted);margin:0 0 20px}.travel-form-card .error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:20px;color:var(--danger)}.travel-form-card .error-message svg{width:20px;height:20px;flex-shrink:0}.travel-table{width:100%;border-collapse:collapse}.travel-table th{background:var(--panel);color:var(--text);font-weight:600;padding:12px 16px;text-align:left;border-bottom:2px solid var(--border);white-space:nowrap;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.travel-table td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:.875rem}.travel-table tr:hover{background:rgba(17,24,39,.5)}.location-cell{font-weight:500}.location-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:.875rem}.location-badge.from{background:rgba(59,130,246,.15);color:#c084fc;border:1px solid rgba(59,130,246,.3)}.location-badge.to{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3)}.duration-cell{font-weight:600}.duration-badge{display:inline-flex;padding:4px 12px;border-radius:999px;font-size:.875rem;font-weight:600;background:rgba(124,58,237,.15);color:#a78bfa;border:1px solid rgba(124,58,237,.3)}.pending-indicator{padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:600;background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}@media (max-width: 768px){.travel-container{padding:16px}.travel-title{font-size:2rem}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.table-container{overflow-x:auto}.travel-table{min-width:800px}}.users-container{padding:24px;max-width:1400px;margin:0 auto}.users-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.users-title{font-size:2.5rem;font-weight:700;margin:0 0 8px;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.users-subtitle{font-size:1.1rem;color:var(--muted);margin:0}.users-header .btn{display:flex;align-items:center;gap:8px;white-space:nowrap}.users-table{width:100%;border-collapse:collapse}.users-table th{background:var(--panel);color:var(--text);font-weight:600;padding:12px 16px;text-align:left;border-bottom:2px solid var(--border);white-space:nowrap;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.users-table td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:.875rem;vertical-align:middle}.users-table tbody tr{cursor:pointer;transition:background-color .2s;display:table-row}.users-table tbody tr:hover{background:rgba(17,24,39,.5)}.users-table thead tr{display:table-row}.user-cell{font-weight:500;min-width:200px}.user-info{display:flex;flex-direction:column;gap:4px;min-width:0}.user-name{font-weight:600;color:var(--text);font-size:.875rem;word-break:break-word}.user-email{font-size:.75rem;color:var(--muted);word-break:break-word}.actions-cell{text-align:right}.btn.small{padding:6px 12px;font-size:.75rem;font-weight:500}@media (max-width: 768px){.users-container{padding:16px}.users-header{flex-direction:column}.users-title{font-size:2rem}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.table-container{overflow-x:auto}.users-table{min-width:700px}.user-info{min-width:200px}}.user-detail-container{padding:24px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.user-detail-header{margin-bottom:32px}.back-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;transition:all .2s;margin-bottom:16px}.back-button svg{width:18px;height:18px}.back-button:hover{background:var(--bg-secondary);border-color:var(--brand);color:#fff}.user-detail-title{font-size:2.5rem;font-weight:700;margin:0 0 8px;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-detail-subtitle{font-size:1.1rem;color:var(--muted);margin:0}.user-profile-card{background:linear-gradient(180deg,rgba(17,24,39,.85),rgba(17,24,39,.7));border:1px solid var(--border);border-radius:12px;padding:32px;margin-bottom:24px}.theme-light .user-profile-card{background:var(--panel);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.profile-header{display:flex;align-items:center;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--border);margin-bottom:24px}.profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--brand-gradient);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.profile-avatar svg{width:48px;height:48px}.profile-info{flex:1}.profile-name{font-size:1.75rem;font-weight:700;margin:0 0 8px;color:var(--text)}.profile-email{font-size:1rem;color:var(--muted);margin:0}.profile-badges{display:flex;gap:8px;flex-wrap:wrap}.profile-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.detail-value{font-size:1rem;color:var(--text);font-weight:500}@media (max-width: 1200px){.user-detail-container{padding:20px}.user-detail-header{margin-bottom:24px}.user-detail-title{font-size:2rem}.user-detail-subtitle{font-size:1rem}}@media (max-width: 1024px){.user-detail-container{padding:16px}.user-detail-header{margin-bottom:20px}.user-detail-title{font-size:1.75rem}.back-button{padding:6px 12px;font-size:.875rem}.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 768px){.user-detail-container{padding:16px}.user-detail-title{font-size:1.5rem}.user-detail-subtitle{font-size:.9rem}.recent-attendance-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.profile-header{flex-direction:column;text-align:center}.profile-details{grid-template-columns:1fr}}.requests-container{padding:24px;max-width:1400px;margin:0 auto}.requests-header{margin-bottom:32px}.requests-title{font-size:2.5rem;font-weight:700;margin:0 0 8px;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.requests-subtitle{font-size:1.1rem;color:var(--muted);margin:0}.requests-table{width:100%;border-collapse:collapse}.requests-table thead tr{display:table-row}.requests-table tbody tr{display:table-row;cursor:pointer;transition:background-color .2s}.requests-table tbody tr:hover{background:rgba(17,24,39,.5)}.requests-table th{background:var(--panel);color:var(--text);font-weight:600;padding:12px 16px;text-align:left;border-bottom:2px solid var(--border);white-space:nowrap;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.requests-table td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:.875rem;vertical-align:middle}.request-type-badge{display:inline-flex;padding:4px 12px;border-radius:8px;font-size:.75rem;font-weight:600;border:1px solid}.request-type-badge.leave{background:rgba(16,185,129,.15);color:#34d399;border-color:#10b9814d}.request-type-badge.attendance{background:rgba(59,130,246,.15);color:#c084fc;border-color:#3b82f64d}.details-cell{font-size:.875rem}.details-cell>div{margin-bottom:4px}.details-cell>div:last-child{margin-bottom:0}.reason-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.response-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.875rem}@media (max-width: 768px){.requests-container{padding:16px}.requests-title{font-size:2rem}.filters-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.table-container{overflow-x:auto}.requests-table{min-width:900px}}@media print{.sidebar,.header,.modal-overlay,.modal-header,.modal-footer,.export-options,.month-navigation,.filter-controls-row,.card:not(.print-visible),button:not(.print-visible),.btn,.nav-btn,.export-btn,.loading-overlay,.loading-state,.error-state{display:none!important}body{background:white!important;color:#000!important;font-size:12pt!important;margin:0!important;padding:0!important}body,.app-shell,.main-content,.timesheets-container,.timesheet-report-container,.leaves-container,.attendance-container{background:white!important;box-shadow:none!important}.timesheet-report,.timesheet-content,.modal-content .timesheet-report{background:white!important;border:none!important;padding:20px!important;margin:0!important;box-shadow:none!important;page-break-inside:avoid}.report-header,.employee-info{background:#f8f9fa!important;border:2px solid #000!important;padding:15px!important;margin-bottom:20px!important;page-break-inside:avoid}.report-header .company-info h2,.employee-info{color:#000!important;background:#f8f9fa!important}.employee-info{background:#e9ecef!important;border:2px solid #000!important}.timesheet-grid,.timesheet-grid table{width:100%!important;border-collapse:collapse!important;margin:15px 0!important;page-break-inside:avoid}.timesheet-grid th,.timesheet-grid td,.timesheet-grid .header-cell,.timesheet-grid .grid-cell,.timesheet-grid .row-label{border:1px solid #000!important;background:white!important;color:#000!important;padding:6px 4px!important;font-size:10pt!important;text-align:center!important;page-break-inside:avoid}.timesheet-grid th,.timesheet-grid .header-cell{background:#f0f0f0!important;font-weight:700!important}.timesheet-grid .row-label{background:#f0f0f0!important;font-weight:700!important;position:static!important}.status-code,.legend-code{background:#e9ecef!important;border:1px solid #000!important;color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.timesheet-legend,.code-legend{background:white!important;border:1px solid #000!important;padding:10px!important;margin:15px 0!important;page-break-inside:avoid}.timesheet-legend h4,.code-legend h4{color:#000!important;margin-bottom:8px!important}.legend-item,.legend-grid{color:#000!important}.monthly-summary,.summary{background:white!important;border:1px solid #000!important;padding:15px!important;margin:15px 0!important;page-break-inside:avoid}.monthly-summary h4,.summary h4{color:#000!important;margin-bottom:10px!important}.summary-grid,.summary-item{background:white!important;border:1px solid #000!important;color:#000!important}.summary-label,.summary-value{color:#000!important}.approval-section,.remarks-approval{background:white!important;border:1px solid #000!important;padding:15px!important;margin:15px 0!important;page-break-inside:avoid}.approval-section h4,.remarks-approval h4{color:#000!important;margin-bottom:10px!important}.signature-line{border-top:1px solid #000!important;margin:30px 0 5px!important}.date-label{color:#000!important}.modal-content{position:static!important;max-width:100%!important;max-height:none!important;margin:0!important;padding:0!important;box-shadow:none!important;background:white!important}.modal-body{padding:0!important}.table,.attendance-table,.requests-table{width:100%!important;border-collapse:collapse!important;page-break-inside:avoid}.table th,.table td,.attendance-table th,.attendance-table td{border:1px solid #000!important;background:white!important;color:#000!important;padding:8px!important}.table th,.attendance-table th{background:#f0f0f0!important;font-weight:700!important}.card{background:white!important;border:1px solid #000!important;box-shadow:none!important;page-break-inside:avoid;margin-bottom:15px!important}.card-title{color:#000!important;font-weight:700!important}.text-muted,.muted{color:#333!important}.timesheet-content,.report-header,.timesheet-legend,.timesheet-grid,.monthly-summary,.approval-section{page-break-inside:avoid}.timesheet-title,.timesheets-title,.leaves-title{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#000!important;background-clip:unset!important;color:#000!important}@page{size:A4 landscape;margin:1.5cm}tr{page-break-inside:avoid}.timesheet-grid table{font-size:9pt!important}.timesheet-grid th,.timesheet-grid td{padding:4px 2px!important;font-size:9pt!important}}.admin-requests-page{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.admin-requests-table-wrapper{width:100%;max-width:100%;overflow-x:auto;box-sizing:border-box}.admin-requests-table{width:100%;min-width:100%;table-layout:auto;border-collapse:collapse}.admin-requests-table tbody tr{transform:none!important}.admin-requests-table tbody tr:before{display:none!important}.admin-requests-table tbody tr:hover{transform:none!important;background:var(--bg-soft)}.admin-requests-table tbody tr:hover:before{width:0!important}.admin-requests-table th:nth-child(1),.admin-requests-table td:nth-child(1){min-width:200px;width:auto;white-space:normal}.admin-requests-table th:nth-child(2),.admin-requests-table td:nth-child(2){min-width:150px;width:auto;white-space:normal}.admin-requests-table th:nth-child(3),.admin-requests-table td:nth-child(3){min-width:200px;width:auto;white-space:normal}.admin-requests-table th:nth-child(4),.admin-requests-table td:nth-child(4){min-width:180px;width:auto;white-space:normal;word-break:break-word}.admin-requests-table th:nth-child(5){min-width:180px;width:auto;text-align:center;vertical-align:middle}.admin-requests-table td:nth-child(5){display:table-cell!important;text-align:center!important;vertical-align:middle;padding:16px 20px}.admin-requests-table td:nth-child(5)>div{display:flex!important;gap:8px;justify-content:center;flex-wrap:nowrap;align-items:center;width:100%}.admin-requests-table td:nth-child(5) button{flex-shrink:0;white-space:nowrap}@media (max-width: 1200px){.admin-requests-table{table-layout:fixed;min-width:900px}.admin-requests-table-wrapper{overflow-x:auto}}.supervisor-requests-page{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.supervisor-requests-table-wrapper{width:100%;max-width:100%;overflow-x:auto;box-sizing:border-box}.supervisor-requests-table{width:100%;min-width:100%;table-layout:auto;border-collapse:collapse}.supervisor-requests-table tbody tr{transform:none!important}.supervisor-requests-table tbody tr:before{display:none!important}.supervisor-requests-table tbody tr:hover{transform:none!important;background:var(--bg-soft)}.supervisor-requests-table tbody tr:hover:before{width:0!important}.supervisor-requests-table th:nth-child(1),.supervisor-requests-table td:nth-child(1){min-width:200px;width:auto;white-space:normal}.supervisor-requests-table th:nth-child(2),.supervisor-requests-table td:nth-child(2){min-width:150px;width:auto;white-space:normal}.supervisor-requests-table th:nth-child(3),.supervisor-requests-table td:nth-child(3){min-width:200px;width:auto;white-space:normal}.supervisor-requests-table th:nth-child(4),.supervisor-requests-table td:nth-child(4){min-width:180px;width:auto;white-space:normal;word-break:break-word}.supervisor-requests-table th:nth-child(5){min-width:200px;width:auto;text-align:center;vertical-align:middle}.supervisor-requests-table td:nth-child(5){display:table-cell!important;text-align:center!important;vertical-align:middle;padding:16px 20px;min-width:200px;width:auto}.supervisor-requests-table td:nth-child(5)>div{display:flex!important;gap:8px!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;width:100%!important}.supervisor-requests-table td:nth-child(5) button{flex-shrink:0!important;white-space:nowrap!important;min-width:fit-content!important}@media (max-width: 1200px){.supervisor-requests-table{table-layout:fixed;min-width:950px}.supervisor-requests-table-wrapper{overflow-x:auto}}:root{--glass-bg: rgba(30, 41, 59, .25);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .03);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .36);--glass-blur: blur(24px);--glass-radius: 24px}.theme-light{--glass-bg: rgba(255, 255, 255, .45);--glass-border: rgba(255, 255, 255, .4);--glass-highlight: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--glass-radius);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,var(--glass-highlight) 0%,transparent 100%);pointer-events:none;z-index:0}.glass-card.interactive:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000073;border-color:#ffffff26}.glass-card>*{position:relative;z-index:1}.card,.request-form-card,.leaves-table-wrapper,.attendance-main-card,.stat-card-modern,.dashboard-card{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important;border-radius:var(--glass-radius)!important}.glass-input{background:rgba(0,0,0,.15)!important;border:1px solid rgba(255,255,255,.05)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text)!important}.glass-input:focus{background:rgba(0,0,0,.25)!important;border-color:#fff3!important;box-shadow:0 0 0 2px #ffffff0d!important}.form-group input,.form-group select,.form-group textarea{background:rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.attendance-requests-container .table-card{background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--border);padding:24px;overflow:hidden}.attendance-requests-container .table-container{border-radius:12px;border:1px solid var(--border);overflow-x:auto}.attendance-requests-container .attendance-table{width:100%;border-collapse:collapse;table-layout:fixed}.attendance-requests-container .attendance-table thead tr{background:rgba(255,255,255,.03)}.attendance-requests-container .attendance-table thead th{padding:14px 16px;color:var(--muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.attendance-requests-container .attendance-table tbody tr{transition:background .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.attendance-requests-container .attendance-table tbody tr:nth-child(2n){background:rgba(255,255,255,.02)}.attendance-requests-container .attendance-table tbody tr:hover{background:rgba(255,255,255,.05)!important}.attendance-requests-container .attendance-table tbody td{padding:14px 16px;font-size:.9rem;color:var(--text);vertical-align:middle}.attendance-requests-container .attendance-table th:nth-child(1),.attendance-requests-container .attendance-table td:nth-child(1){width:18%}.attendance-requests-container .attendance-table th:nth-child(2),.attendance-requests-container .attendance-table td:nth-child(2){width:12%}.attendance-requests-container .attendance-table th:nth-child(3),.attendance-requests-container .attendance-table td:nth-child(3){width:12%}.attendance-requests-container .attendance-table th:nth-child(4),.attendance-requests-container .attendance-table td:nth-child(4){width:12%}.attendance-requests-container .attendance-table th:nth-child(5),.attendance-requests-container .attendance-table td:nth-child(5){width:16%}.attendance-requests-container .attendance-table th:nth-child(6),.attendance-requests-container .attendance-table td:nth-child(6){width:15%;text-align:right}.attendance-requests-container .attendance-table .time-cell{font-family:Courier New,monospace;font-weight:500;color:var(--brand)}.attendance-requests-container .attendance-table .duration-cell{font-weight:700}.attendance-requests-container .status-pending,.attendance-requests-container .status-approved,.attendance-requests-container .status-rejected{padding:6px 12px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.attendance-requests-container .status-pending{background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.attendance-requests-container .status-approved{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3)}.attendance-requests-container .status-rejected{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.attendance-requests-container .attendance-table button{padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:600;transition:all .2s ease}.theme-light .attendance-requests-container .attendance-table tbody tr:nth-child(2n){background:rgba(0,0,0,.02)}.theme-light .attendance-requests-container .attendance-table tbody tr:hover{background:rgba(0,0,0,.04)!important}.theme-light .attendance-requests-container .attendance-table thead th{color:var(--muted);border-bottom-color:#0000001a}.theme-light .attendance-requests-container .attendance-table tbody tr{border-bottom-color:#0000000f}.attendance-log-container{min-height:100vh;padding:24px;background:transparent}.attendance-log-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.attendance-log-title{font-size:1.75rem;font-weight:800;margin:0;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.attendance-log-subtitle{font-size:.9rem;color:var(--muted);margin:4px 0 0}.attendance-requests-container{min-height:100vh;padding:24px;background:transparent}.attendance-requests-header{margin-bottom:24px}.attendance-requests-title{font-size:1.75rem;font-weight:800;margin:0;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.attendance-requests-subtitle{font-size:.9rem;color:var(--muted);margin:4px 0 0}.attendance-requests-container .stats-grid,.attendance-log-container .stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.attendance-requests-container .stat-card,.attendance-log-container .stat-box{background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.attendance-requests-container .stat-card:hover,.attendance-log-container .stat-box:hover{transform:translateY(-4px);background:rgba(255,255,255,.06);box-shadow:0 12px 32px #0003}.stat-icon{width:48px;height:48px;border-radius:12px;background:rgba(6,182,212,.15);display:flex;align-items:center;justify-content:center;color:#06b6d4}.stat-icon.warning{background:rgba(245,158,11,.15);color:#f59e0b}.stat-icon.success{background:rgba(16,185,129,.15);color:#10b981}.stat-icon.danger{background:rgba(239,68,68,.15);color:#ef4444}.stat-icon svg{width:24px;height:24px}.stat-value,.stat-number{font-size:1.75rem;font-weight:800;color:var(--text);line-height:1}.stat-label,.stat-text{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-top:4px}.attendance-log-container .filter-card,.attendance-requests-container .filters-card{background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;margin-bottom:24px}.filter-grid,.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.filter-group input,.filter-group select{padding:10px 14px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text);font-size:.9rem;transition:all .2s}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--brand);background:rgba(0,0,0,.3)}.filter-actions{display:flex;gap:12px;flex-wrap:wrap}.attendance-log-container .card,.attendance-requests-container .table-card{background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;overflow:hidden}.card-title{font-size:1.1rem;font-weight:700;color:var(--text)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center;color:var(--muted)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--brand);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.error-state svg{width:48px;height:48px;color:#ef4444;margin-bottom:16px}.empty-state{text-align:center;padding:32px}.empty-state-icon{font-size:3rem;margin-bottom:12px;opacity:.5}.empty-state-text{color:var(--muted);font-size:1rem;margin:0}.theme-light .attendance-log-container .filter-card,.theme-light .attendance-requests-container .filters-card,.theme-light .attendance-log-container .card,.theme-light .attendance-requests-container .table-card,.theme-light .attendance-requests-container .stat-card,.theme-light .attendance-log-container .stat-box{background:rgba(255,255,255,.6);border-color:#00000014}.theme-light .filter-group input,.theme-light .filter-group select{background:rgba(255,255,255,.8);border-color:#0000001a;color:var(--text)}.theme-light .filter-group input:focus,.theme-light .filter-group select:focus{background:rgba(255,255,255,.95)}