@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);:root{--primary:#059669;--primary-dark:#047857;--primary-light:#34d399;--secondary:#0891b2;--accent:#0d9488;--accent-soft:#5eead4;--success:#22c55e;--warning:#eab308;--danger:#ef4444;--white:#fff;--gray-50:#f0fdf4;--gray-100:#ecfdf5;--gray-200:#d1fae5;--gray-300:#a7f3d0;--gray-400:#6ee7b7;--gray-500:#4b5563;--gray-600:#374151;--gray-700:#1f2937;--gray-800:#111827;--gray-900:#030712;--card-bg:#fffffff2;--card-border:#05966926;--text-primary:#1f2937;--text-secondary:#4b5563;--glow-primary:#0596694d;--glow-accent:#0d94884d}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#ecfdf5,#f0fdfa 35%,#e0f2fe 70%,#fef9c3);color:#1f2937;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden}.app-container{min-height:100vh;padding:24px;position:relative}.app-container:before{background-image:radial-gradient(circle at 20% 20%,#0596690f 0,#0000 50%),radial-gradient(circle at 80% 80%,#0891b20f 0,#0000 50%),radial-gradient(circle at 40% 60%,#eab3080a 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #0596694d,0 0 40px #0596691a}50%{box-shadow:0 0 30px #05966966,0 0 60px #05966933}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes borderPulse{0%,to{border-color:#05966933}50%{border-color:#05966966}}.navbar{align-items:center;animation:fadeInUp .6s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #0596691f;border-radius:20px;box-shadow:0 4px 30px #05966914;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 32px;position:relative;z-index:100}.navbar:before{background:linear-gradient(90deg,#0000,#059669,#0891b2,#0d9488,#0000);background:linear-gradient(90deg,#0000,var(--primary),var(--secondary),var(--accent),#0000);border-radius:0 0 10px 10px;content:"";height:3px;left:20%;position:absolute;right:20%;top:0}.navbar-brand{-webkit-text-fill-color:#0000;animation:gradient-shift 3s ease infinite;background:linear-gradient(135deg,#059669,#0891b2,#0d9488);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:1.5em;font-weight:800;letter-spacing:-.5px}.navbar-menu{align-items:center;display:flex;gap:8px}.navbar-link{border-radius:12px;color:#4b5563;color:var(--text-secondary);font-size:.95em;font-weight:500;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;transition:all .3s ease}.navbar-link:before{background:linear-gradient(90deg,#0000,#0596691a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.navbar-link:hover:before{left:100%}.navbar-link:hover{background:#05966914;color:#059669;color:var(--primary)}.navbar-link.active{background:linear-gradient(135deg,#059669,#0891b2);background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 4px 20px #05966959;color:#fff}.navbar-dropdown{position:relative}.navbar-dropdown-toggle{background:none;border:none;cursor:pointer;font-family:inherit}.navbar-dropdown-menu{animation:fadeInUp .2s ease;background:#fffffff2;background:var(--card-bg);border:1px solid #05966926;border:1px solid var(--card-border);border-radius:12px;box-shadow:0 10px 40px #00000026;left:0;margin-top:8px;min-width:180px;overflow:hidden;position:absolute;top:100%;z-index:1000}.navbar-dropdown-item{border-bottom:1px solid #0000000d;color:#4b5563;color:var(--text-secondary);display:block;font-size:.9em;font-weight:500;padding:12px 16px;text-decoration:none;transition:all .2s ease}.navbar-dropdown-item:last-child{border-bottom:none}.navbar-dropdown-item:hover{background:#05966914;color:#059669;color:var(--primary)}body.dark-mode .navbar-dropdown-menu{background:#1e293bfa;border-color:#ffffff1a}body.dark-mode .navbar-dropdown-item{color:#94a3b8}body.dark-mode .navbar-dropdown-item:hover{background:#05966926;color:#34d399;color:var(--primary-light)}.theme-toggle{align-items:center;background:#05966914;border:1px solid #05966933;border-radius:12px;color:#1f2937;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25em;justify-content:center;margin-left:8px;padding:10px;transition:all .3s ease}.theme-toggle:hover{background:#05966926;transform:rotate(20deg) scale(1.1)}.user-info{align-items:center;display:flex;gap:16px}.user-name{color:#1f2937;color:var(--text-primary);font-size:.95em;font-weight:600}.user-role{background:linear-gradient(135deg,#059669,#0891b2);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:20px;box-shadow:0 2px 10px #05966940;color:#fff;font-size:.75em;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.95em;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px 28px;position:relative;text-decoration:none;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#059669,#0891b2);background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 4px 20px #05966959;color:#fff}.btn-primary:hover{box-shadow:0 8px 30px #05966973;transform:translateY(-3px)}.btn-secondary{background:#fff;border:2px solid #05966933;color:#059669;color:var(--primary)}.btn-secondary:hover{background:#0596690d;border-color:#059669;border-color:var(--primary)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger),#dc2626);box-shadow:0 4px 20px #ef444459;color:#fff}.btn-danger:hover{box-shadow:0 8px 30px #ef444473;transform:translateY(-3px)}.btn-success{background:linear-gradient(135deg,#22c55e,#059669);background:linear-gradient(135deg,var(--success),#059669);box-shadow:0 4px 20px #10b98159;color:#fff}.btn-success:hover{box-shadow:0 8px 30px #10b98173;transform:translateY(-3px)}.btn-sm{font-size:.85em;padding:8px 16px}.auth-container{animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0596691a;border-radius:24px;box-shadow:0 20px 60px #0596691f;margin:0 auto;max-width:440px;overflow:hidden;padding:48px;position:relative}.auth-container:before{animation:gradient-shift 3s ease infinite;background:linear-gradient(90deg,#059669,#0891b2,#0d9488,#eab308);background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent),#eab308);background-size:300% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.auth-container h2{-webkit-text-fill-color:#0000;animation:gradient-shift 3s ease infinite;background:linear-gradient(135deg,#059669,#0891b2,#0d9488);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:2.25em;font-weight:800;letter-spacing:-.5px;margin-bottom:8px;text-align:center}.auth-subtitle{color:#4b5563;color:var(--text-secondary);font-size:1em;margin-bottom:32px;text-align:center}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:.9em;font-weight:600;margin-bottom:8px}.form-control,.form-group label{color:#1f2937;color:var(--text-primary)}.form-control{background:#fafafa;border:1px solid #d1d5db;border-radius:12px;font-size:1em;padding:14px 18px;transition:all .3s ease;width:100%}.form-control:focus{background:#fff;border-color:#059669;border-color:var(--primary);box-shadow:0 0 0 3px #0596691a;outline:none}.form-control::placeholder{color:#9ca3af}.error-message{background:#ef444414;border:1px solid #ef444433;border-radius:12px;color:#ef4444;color:var(--danger)}.error-message,.success-message{font-weight:500;margin-bottom:20px;padding:14px 18px}.success-message{background:#10b98114;border:1px solid #10b98133;border-radius:12px;color:#22c55e;color:var(--success)}.auth-link{color:#4b5563;color:var(--text-secondary);font-size:.95em;margin-top:24px;text-align:center}.auth-link a{color:#059669;color:var(--primary);font-weight:600;text-decoration:none;transition:all .3s ease}.auth-link a:hover{color:#0d9488;color:var(--accent)}.container{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffeb;border:1px solid #0596691a;border-radius:24px;box-shadow:0 20px 60px #0596691a;margin:0 auto;max-width:1400px;overflow:hidden;padding:40px;position:relative;z-index:1}.container:before{background:linear-gradient(90deg,#0000,#059669,#0891b2,#0000);background:linear-gradient(90deg,#0000,var(--primary),var(--secondary),#0000);content:"";height:3px;left:10%;position:absolute;right:10%;top:0}.page-header{animation:slideIn .6s ease-out;margin-bottom:32px}.page-header h1{-webkit-text-fill-color:#0000;animation:gradient-shift 3s ease infinite;background:linear-gradient(135deg,#059669,#0891b2,#0d9488);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:2.5em;font-weight:800;letter-spacing:-1px;margin-bottom:8px}.page-header p{color:#4b5563;color:var(--text-secondary);font-size:1.1em}.card{background:#fff;border:1px solid #0596691a;border-radius:20px;box-shadow:0 4px 20px #0596690f;margin-bottom:20px;overflow:hidden;padding:28px;position:relative;transition:all .4s ease}.card:before{background:linear-gradient(90deg,#0000,#05966908,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.card:hover:before{left:100%}.card:hover{border-color:#05966933;box-shadow:0 10px 40px #0596691f;transform:translateY(-4px)}.card-header{align-items:center;color:#1f2937;color:var(--text-primary);display:flex;font-size:1.25em;font-weight:700;gap:10px;margin-bottom:16px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{align-items:center;animation:fadeInUp .6s ease-out backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0596691a;border-radius:20px;box-shadow:0 4px 20px #0000000d;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:first-child .stat-icon{background:linear-gradient(135deg,#059669,#0d9488)}.stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,#0891b2,#06b6d4)}.stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,#0d9488,#14b8a6)}.stat-card:nth-child(4) .stat-icon{background:linear-gradient(135deg,#eab308,#f59e0b)}.stat-card:hover{border-color:#05966933;box-shadow:0 12px 30px #05966926;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:16px;box-shadow:0 4px 15px #0000001a;color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.stat-content{flex:1 1}.stat-label{color:#4b5563;color:var(--text-secondary);font-size:.85em;font-weight:500;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.stat-value{color:#1f2937;color:var(--text-primary);font-size:2.2em;font-weight:700;letter-spacing:-1px;line-height:1.1}.table-wrapper{animation:fadeIn .6s ease-out;border:1px solid #0596691a;border-radius:16px;box-shadow:0 4px 20px #0596690f;margin-top:24px;max-height:600px;overflow:auto}table{background:#fff;border-collapse:collapse;min-width:100%;width:-webkit-max-content;width:max-content}td,th{border-bottom:1px solid #ecfdf5;border-bottom:1px solid var(--gray-100);padding:16px 20px;text-align:left}thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.8em;font-weight:600;letter-spacing:.8px;padding:14px 12px;text-transform:uppercase}tbody tr{background:#fff;transition:all .3s ease}tbody tr:nth-child(2n){background:#f8fafc}tbody tr:hover{background:#05966914}.table-actions{display:flex;gap:8px}.loading{color:#059669;color:var(--primary);font-size:1.1em;font-weight:500;padding:60px;text-align:center}.loading:after{animation:spin 1s linear infinite;border:2px solid #d1fae5;border-top-color:#059669;border:2px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);content:"";display:inline-block;height:20px;margin-left:10px;vertical-align:middle;width:20px}.checkmark{color:#22c55e;color:var(--success);font-size:1.4em;font-weight:700}.night-shift{background:#ef44441a!important;color:#ef4444;color:var(--danger);font-weight:600}.day-shift{background:#10b9811a!important}.leave-day{background:#f59e0b1a!important;color:#b45309;font-weight:600}.holiday-day{background:#06b6d41a!important;color:#0891b2;font-weight:600}th.sortable{cursor:pointer;padding-right:28px;position:relative;-webkit-user-select:none;user-select:none}th.sortable:hover{background:#e2e8f0}th.sortable:after{content:"⇅";opacity:.6;position:absolute;right:10px}th.sortable.sorted-asc:after{content:"↑";opacity:1}th.sortable.sorted-desc:after{content:"↓";opacity:1}.sticky-header{background:#f8fafc;box-shadow:2px 0 4px #0000000d;cursor:pointer;position:-webkit-sticky;position:sticky;z-index:102}.sticky-header-1{left:0;min-width:100px;width:100px}.sticky-header-2{left:100px;min-width:200px;width:200px}.sticky-header-3{left:300px;min-width:120px;white-space:nowrap;width:120px}.sticky-col{box-shadow:2px 0 4px #0000000d;position:-webkit-sticky;position:sticky;z-index:11}.sticky-col-1{left:0;min-width:100px;width:100px}.sticky-col-2{left:100px;min-width:200px;width:200px}.sticky-col-3{left:300px;min-width:120px;white-space:nowrap;width:120px}.time-mismatch-text{color:#dc3545;font-weight:600}.legend{background:#fff;border:1px solid #0596691a;border-radius:16px;box-shadow:0 4px 15px #0596690f;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin:24px 0;padding:20px}.legend-item{align-items:center;color:#4b5563;color:var(--text-secondary);display:flex;font-size:.9em;gap:10px}.legend-box{border:1px solid #d1fae5;border:1px solid var(--gray-200);border-radius:8px;height:28px;width:28px}.filter-controls{align-items:center;background:#fff;border:1px solid #0596691a;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:20px 0;padding:16px 20px}.filter-label{font-size:.9em}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#fff;border:1px solid #a7f3d0;border:1px solid var(--gray-300);border-radius:8px;color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:.85em;font-weight:500;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{background:#0596690d;color:#059669;color:var(--primary)}.filter-btn.active,.filter-btn:hover{border-color:#059669;border-color:var(--primary)}.filter-btn.active{background:#059669;background:var(--primary);color:#fff}.filter-btn-warning.active{background:#dc3545;border-color:#dc3545}.filter-btn-warning:hover:not(.active){background:#dc35450d;border-color:#dc3545;color:#dc3545}.filter-btn-ok.active{background:#28a745;border-color:#28a745}.filter-btn-ok:hover:not(.active){background:#28a7450d;border-color:#28a745;color:#28a745}.grand-total-card{animation:fadeInUp .6s ease-out;background:linear-gradient(135deg,#22c55e,#0891b2);background:linear-gradient(135deg,var(--success),var(--secondary));border-radius:24px;box-shadow:0 12px 40px #10b9814d;margin:32px 0;overflow:hidden;padding:36px;position:relative}.grand-total-card:before{background:radial-gradient(circle,#fff3 0,#0000 60%);content:"";height:150%;position:absolute;right:-20%;top:-30%;width:50%}.grand-total-header{color:#fff;font-size:1.75em;font-weight:800;margin-bottom:8px;text-align:center}.grand-total-subheader{color:#ffffffe6;font-size:1em;margin-bottom:28px;text-align:center}.grand-total-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.grand-total-stat{background:#fff3;border:1px solid #ffffff40;border-radius:16px;padding:18px 14px;text-align:center;transition:all .3s ease}.grand-total-stat:hover{background:#ffffff4d;transform:translateY(-4px)}.grand-total-stat-label{color:#ffffffe6;font-size:.7em;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.grand-total-stat-value{color:#fff;font-size:1.6em;font-weight:800}.grand-total-stat.highlight-night{background:#fbbf244d;border-color:#fbbf2480}.download-btn{background:linear-gradient(135deg,#22c55e,#0891b2);background:linear-gradient(135deg,var(--success),var(--secondary));border:none;border-radius:50px;box-shadow:0 8px 30px #10b98159;color:#fff;cursor:pointer;display:block;font-size:1em;font-weight:600;margin-left:auto;margin-right:auto;margin-top:24px;overflow:hidden;padding:16px 40px;position:relative;transition:all .3s ease}.download-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.download-btn:hover:before{left:100%}.download-btn:hover{box-shadow:0 12px 40px #10b98173;transform:translateY(-4px)}.upload-section{animation:borderPulse 3s ease infinite;background:linear-gradient(135deg,#0596690d,#0891b20d);border:2px dashed #0596694d;border-radius:24px;margin-bottom:32px;padding:60px;position:relative;text-align:center;transition:all .4s ease}.upload-section:hover{background:linear-gradient(135deg,#05966914,#0891b214);border-color:#059669;border-color:var(--primary)}input[type=file]{background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:block;padding:12px;transition:all .3s ease;width:100%}input[type=file]:hover{background:#f0fdf4}input[type=file]:focus,input[type=file]:hover{border-color:#059669;border-color:var(--primary)}input[type=file]:focus{box-shadow:0 0 0 3px #0596691a;outline:none}.file-input-label{background:linear-gradient(135deg,#059669,#0891b2);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50px;box-shadow:0 8px 30px #05966959;color:#fff;cursor:pointer;display:inline-block;font-size:1.1em;font-weight:600;padding:18px 50px;transition:all .3s ease}.file-input-label:hover{box-shadow:0 12px 40px #05966973;transform:translateY(-4px)}.file-name{color:#059669;color:var(--primary);font-weight:600;margin-top:20px}.search-filter-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f0fdf4e6);border:1px solid #05966926;border-radius:20px;box-shadow:0 4px 20px #05966914;margin-bottom:24px;overflow:hidden;padding:24px 28px;position:relative}.search-filter-container:before{background:linear-gradient(90deg,#059669,#0891b2,#0d9488);background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent));border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.search-filter-header{align-items:center;border-bottom:1px solid #0596691a;display:flex;gap:10px;margin-bottom:20px;padding-bottom:16px}.search-filter-header span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#059669,#0891b2);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:#1f2937;color:var(--text-primary);font-size:1.1em;font-weight:700}.search-filter-icon{align-items:center;background:linear-gradient(135deg,#059669,#0891b2);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:10px;box-shadow:0 4px 12px #05966940;color:#fff;display:flex;height:36px;justify-content:center;width:36px}.search-filter-row{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:1.5fr 2fr 1.2fr 1fr}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{align-items:center;color:#4b5563;color:var(--text-secondary);display:flex;font-size:.85em;font-weight:600;gap:6px;letter-spacing:.5px;text-transform:uppercase}.filter-label svg{color:#059669;color:var(--primary);opacity:.8}.search-input-wrapper{position:relative}.search-input{background:#fafafa;border:1px solid #d1d5db;border-radius:12px;padding-left:16px;transition:all .3s ease}.search-input:focus{background:#fff;border-color:#059669;border-color:var(--primary);box-shadow:0 0 0 3px #0596691a}.search-input::placeholder{color:#9ca3af}.date-inputs{align-items:center;display:flex;gap:8px}.date-input{background:#fafafa;border:1px solid #d1d5db;border-radius:12px;flex:1 1;font-size:.9em;padding:12px 14px;transition:all .3s ease}.date-input:focus{background:#fff;border-color:#059669;border-color:var(--primary);box-shadow:0 0 0 3px #0596691a}.date-separator{color:#4b5563;color:var(--text-secondary);font-size:.85em;font-weight:500;padding:0 4px}.sort-controls{display:flex;gap:8px}.sort-select{-webkit-appearance:none;appearance:none;background:#fafafa;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #d1d5db;border-radius:12px;color:#1f2937;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.9em;padding:12px 36px 12px 14px;transition:all .3s ease}.sort-select:focus{background:#fff;border-color:#059669;border-color:var(--primary);box-shadow:0 0 0 3px #0596691a}.sort-order-btn{align-items:center;background:#fafafa;border:1px solid #d1d5db;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.sort-order-btn:hover{background:#fff;border-color:#059669;border-color:var(--primary);color:#059669;color:var(--primary);transform:scale(1.05)}.sort-order-btn.asc{color:#0891b2;color:var(--secondary)}.sort-order-btn.desc{color:#059669;color:var(--primary)}.action-buttons{display:flex;gap:10px}.reset-btn,.search-btn{align-items:center;border-radius:12px;display:flex;font-size:.9em;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.search-btn{background:linear-gradient(135deg,#059669,#0891b2);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;box-shadow:0 4px 15px #0596694d;color:#fff}.search-btn:hover{box-shadow:0 6px 20px #05966966;transform:translateY(-2px)}.reset-btn{background:#fafafa;border:1px solid #d1d5db;color:#6b7280}.reset-btn:hover{background:#fff;border-color:#059669;border-color:var(--primary);color:#059669;color:var(--primary)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{animation:fadeInUp .3s ease-out;background:#fff;border:1px solid #0596691a;border-radius:24px;box-shadow:0 25px 60px #05966926;max-width:500px;padding:32px;width:90%}.modal-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#059669,#0891b2);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text}.modal-close{background:#ecfdf5;background:var(--gray-100);border:none;border-radius:50%;color:#4b5563;color:var(--gray-500);cursor:pointer;height:36px;transition:all .3s ease;width:36px}.modal-close:hover{background:#ef44441a;color:#ef4444;color:var(--danger)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ecfdf5;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#059669,#0891b2);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:10px}@media (max-width:1024px){.search-filter-row{grid-template-columns:1fr 1fr}.filter-group.date-filter{grid-column:span 2}}@media (max-width:768px){.navbar{gap:16px;padding:20px}.navbar,.navbar-menu{flex-direction:column}.navbar-menu{width:100%}.search-filter-row,.stats-grid{grid-template-columns:1fr}.filter-group.date-filter{grid-column:span 1}.date-inputs{flex-direction:column;gap:10px}.date-separator{display:none}.action-buttons{flex-direction:column}.reset-btn,.search-btn{justify-content:center;width:100%}.grand-total-stats{grid-template-columns:repeat(2,1fr)}.auth-container{margin:20px;padding:32px 24px}.container{border-radius:16px;margin:0;padding:24px}.app-container{padding:12px}}body.dark-mode{background:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e);color:#e2e8f0}body.dark-mode .navbar{background:#0f0f1ae6;border-color:#6366f133;box-shadow:0 4px 30px #0000004d}body.dark-mode .navbar-link{color:#94a3b8}body.dark-mode .navbar-link:hover{background:#6366f126;color:#818cf8}body.dark-mode .user-name{color:#e2e8f0}body.dark-mode .theme-toggle{background:#6366f126;border-color:#6366f14d}body.dark-mode .container{background:#0f0f1ae6;border-color:#6366f133;box-shadow:0 20px 60px #0006}body.dark-mode .auth-container{background:#0f0f1af2;border-color:#6366f133;box-shadow:0 20px 60px #00000080}body.dark-mode .auth-container h2,body.dark-mode .page-header h1{background:linear-gradient(135deg,#818cf8,#a78bfa,#22d3ee);-webkit-background-clip:text;background-clip:text}body.dark-mode .auth-subtitle,body.dark-mode .page-header p{color:#94a3b8}body.dark-mode .form-control{background:#1e293bcc;border-color:#6366f14d;color:#e2e8f0}body.dark-mode .form-control:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f133}body.dark-mode .form-control::placeholder{color:#64748b}body.dark-mode .form-group label{color:#cbd5e1}body.dark-mode .card{background:#1e293b99;border-color:#6366f126;box-shadow:0 4px 20px #0000004d}body.dark-mode .card:hover{border-color:#6366f159;box-shadow:0 10px 40px #0006}body.dark-mode .card-header{color:#e2e8f0}body.dark-mode .btn-secondary{background:#1e293bcc;border-color:#6366f14d;color:#818cf8}body.dark-mode .btn-secondary:hover{background:#6366f126;border-color:#6366f1}body.dark-mode table{background:#141928f2}body.dark-mode th,body.dark-mode thead{background:#1e293b}body.dark-mode th{border-bottom:1px solid #334155;color:#94a3b8;font-weight:600}body.dark-mode td{border-bottom-color:#6366f126;color:#e2e8f0}body.dark-mode tbody tr{background:#1e293b}body.dark-mode tbody tr:nth-child(2n){background:#263448}body.dark-mode tbody tr:hover{background:#6366f126}body.dark-mode .table-wrapper{border-color:#6366f140;box-shadow:0 4px 25px #0006}body.dark-mode td strong{color:#f1f5f9}body.dark-mode .sticky-header{background:#1e293b;box-shadow:2px 0 6px #0006}body.dark-mode .sticky-col{box-shadow:2px 0 6px #0006}body.dark-mode .time-mismatch-text{color:#f87171!important}body.dark-mode .upload-section{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-color:#6366f166}body.dark-mode .upload-section:hover{background:linear-gradient(135deg,#6366f126,#8b5cf626)}body.dark-mode .search-filter-container{background:linear-gradient(135deg,#1e293be6,#141e2df2);border-color:#6366f133}body.dark-mode .search-filter-header{border-bottom-color:#6366f126}body.dark-mode .search-filter-header span{background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;background-clip:text}body.dark-mode .filter-label svg{color:#818cf8}body.dark-mode .date-input,body.dark-mode .search-input,body.dark-mode .sort-select{background:#1e293bcc;border-color:#6366f140;color:#e2e8f0}body.dark-mode .date-input:focus,body.dark-mode .search-input:focus,body.dark-mode .sort-select:focus{border-color:#818cf8;box-shadow:0 0 0 4px #6366f126}body.dark-mode .sort-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23818cf8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}body.dark-mode .sort-order-btn{background:#1e293bcc;border-color:#6366f140;color:#818cf8}body.dark-mode .sort-order-btn:hover{background:#6366f126;border-color:#818cf8}body.dark-mode .reset-btn{background:#1e293bcc;border-color:#6366f140;color:#94a3b8}body.dark-mode .reset-btn:hover{background:#6366f126;border-color:#818cf8;color:#818cf8}body.dark-mode .date-separator{color:#64748b}body.dark-mode .legend{background:#1e293b99;border-color:#6366f126}body.dark-mode .legend-item{color:#94a3b8}body.dark-mode .filter-controls{background:#1e293b99;border-color:#6366f126}body.dark-mode .filter-label{color:#94a3b8}body.dark-mode .filter-btn{background:#1e293bcc;border-color:#6366f133;color:#94a3b8}body.dark-mode .filter-btn:hover{background:#6366f11a;border-color:#818cf8;color:#818cf8}body.dark-mode .filter-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}body.dark-mode .filter-btn-warning.active{background:#ef4444;border-color:#ef4444}body.dark-mode .filter-btn-warning:hover:not(.active){background:#ef44441a;border-color:#f87171;color:#f87171}body.dark-mode .filter-btn-ok.active{background:#22c55e;border-color:#22c55e}body.dark-mode .filter-btn-ok:hover:not(.active){background:#22c55e1a;border-color:#4ade80;color:#4ade80}body.dark-mode .modal{background:#1e293b;border-color:#6366f133;box-shadow:0 25px 60px #00000080}body.dark-mode .modal-close{background:#6366f126;color:#94a3b8}body.dark-mode .modal-close:hover{background:#ef444433;color:#f87171}body.dark-mode .error-message{background:#ef444426;border-color:#ef44444d}body.dark-mode .success-message{background:#10b98126;border-color:#10b9814d}body.dark-mode .loading{color:#818cf8}body.dark-mode ::-webkit-scrollbar-track{background:#1e293b}body.dark-mode .night-shift{background:#ef444440!important;border-left:3px solid #ef4444;color:#fca5a5!important}body.dark-mode .day-shift{background:#10b98133!important;color:#6ee7b7!important}body.dark-mode .leave-day{background:#f59e0b40!important;border-left:3px solid #f59e0b;color:#fcd34d!important}body.dark-mode .holiday-day{background:#06b6d440!important;border-left:3px solid #06b6d4;color:#67e8f9!important}body.dark-mode .checkmark{color:#34d399;text-shadow:0 0 8px #34d39980}body.dark-mode .time-mismatch{background:#fb923c40!important;color:#fdba74!important}body.dark-mode .grand-total-card{background:linear-gradient(135deg,#10b981e6,#06b6d4e6);box-shadow:0 12px 40px #10b98166}body.dark-mode .grand-total-stat{background:#00000040;border-color:#fff3}body.dark-mode .grand-total-stat:hover{background:#00000059}body.dark-mode .stat-card{background:#1e293bcc;border-color:#6366f133;box-shadow:0 4px 20px #0000004d}body.dark-mode .stat-card:hover{border-color:#6366f166;box-shadow:0 12px 30px #0006}body.dark-mode .stat-value{color:#f1f5f9}body.dark-mode .stat-label{color:#94a3b8}body.dark-mode select.form-control{background:#1e293bcc;color:#e2e8f0}body.dark-mode select.form-control option{background:#1e293b;color:#e2e8f0}body.dark-mode .app-container:before{background-image:radial-gradient(circle at 20% 20%,#6366f126 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf626 0,#0000 50%),radial-gradient(circle at 40% 60%,#06b6d41a 0,#0000 40%)}
/*# sourceMappingURL=main.c5db7e2c.css.map*/