.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#fffc;border-bottom:1px solid #eaeaea;justify-content:space-between;align-items:center;padding:20px 8%;display:flex;position:sticky;top:0}.navbar-logo{letter-spacing:-.5px;color:#000;cursor:pointer;font-size:20px;font-weight:700}.navbar-logo span{color:#4f46e5}.navbar-links{gap:32px;list-style:none;display:flex}.navbar-links li a{color:#666;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.navbar-links li a:hover{color:#000}.navbar-actions{align-items:center;gap:16px;display:flex}.btn-secondary{color:#1a1a1a;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:500}.btn-primary{color:#fff;cursor:pointer;background-color:#1a1a1a;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s}.btn-primary:hover{background-color:#333}.btn-logout{color:#ef4444;cursor:pointer;background-color:#fee2e2;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500}.hero-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:800px;margin:0 auto;padding:120px 20px 80px;display:flex}.badge{color:#16a34a;letter-spacing:.5px;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:12px;font-weight:600}.hero-container h1{letter-spacing:-1.5px;color:#111;margin-bottom:24px;font-size:54px;font-weight:700;line-height:1.15}.hero-container h1 span{color:#4f46e5}.hero-container p{color:#666;max-width:600px;margin-bottom:40px;font-size:18px;line-height:1.6}.hero-buttons{gap:16px;display:flex}.btn-large{cursor:pointer;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:500;transition:all .2s}.btn-indigo{color:#fff;background-color:#4f46e5;border:none}.btn-indigo:hover{background-color:#4338ca;transform:translateY(-1px)}.btn-outline{color:#1a1a1a;background:0 0;border:1px solid #e5e7eb}.btn-outline:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.auth-page-container{justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:20px;display:flex}.auth-page-card{background:#fff;border:1px solid #eaeaea;border-radius:12px;width:100%;max-width:420px;padding:40px;box-shadow:0 4px 20px #00000005}.auth-page-card h2{letter-spacing:-.5px;color:#111;text-align:center;margin-bottom:8px;font-size:26px;font-weight:700}.auth-page-card .subtitle{color:#666;text-align:center;margin-bottom:30px;font-size:14px}.form-group{margin-bottom:20px}.form-group input,.form-group select{color:#1a1a1a;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#4f46e5}.btn-full{border-radius:8px;width:100%;padding:12px;font-weight:500}.auth-redirect-text{text-align:center;color:#666;margin-top:24px;font-size:14px}.auth-redirect-text a{color:#4f46e5;font-weight:500;text-decoration:none}.auth-error-msg{color:#ef4444;text-align:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px;font-size:13px}.auth-success-msg{color:#16a34a;text-align:center;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:20px;padding:12px;font-size:13px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-w:224px;--sidebar-w-sm:56px;--sidebar-bg:#fff;--sidebar-border:#e8ecf0;--bg:#f4f6f9;--card-bg:#fff;--card-border:#e8ecf0;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--accent:#4f46e5;--accent-light:#eef2ff;--radius:10px;--radius-sm:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif}.ed-loading{background:var(--bg);height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex}.ed-spinner{border:2.5px solid #e2e8f0;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite ed-spin}.ed-toast{z-index:9999;border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;animation:.2s ed-toast-in;display:flex;position:fixed;top:18px;right:20px}.ed-toast--success{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.ed-toast--error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.ed-root{background:var(--bg);height:100vh;display:flex;overflow:hidden}.ed-sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-direction:column;flex-shrink:0;height:100vh;transition:width .2s,min-width .2s;display:flex;overflow:hidden}.ed-root--sm .ed-sidebar{width:var(--sidebar-w-sm);min-width:var(--sidebar-w-sm)}.ed-sb-brand{border-bottom:1px solid var(--sidebar-border);align-items:center;gap:9px;min-height:60px;padding:18px 14px 14px;display:flex}.ed-sb-brand__icon{background:var(--accent);color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ed-sb-brand__name{color:var(--text-primary);letter-spacing:-.2px;white-space:nowrap;flex:1;font-size:14px;font-weight:700}.ed-sb-toggle{border:1px solid var(--card-border);width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:background .12s,color .12s;display:flex}.ed-sb-toggle:hover{color:var(--text-primary);background:#f8fafc}.ed-sb-nav{flex-direction:column;flex:1;gap:1px;padding:12px 8px;display:flex;overflow-y:auto}.ed-sb-nav::-webkit-scrollbar{width:0}.ed-sb-nav__label{letter-spacing:.8px;color:var(--text-muted);text-transform:uppercase;padding:6px 8px 4px;font-size:10px;font-weight:600}.ed-sb-nav__item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:9px;width:100%;padding:8px 10px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;display:flex}.ed-sb-nav__item:hover{color:var(--text-primary);background:#f8fafc}.ed-sb-nav__item--active{font-weight:600;background:var(--accent-light)!important;color:var(--accent)!important}.ed-sb-nav__sep{background:var(--sidebar-border);height:1px;margin:8px 4px}.ed-sb-chip{border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:7px;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.ed-sb-chip--in{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.ed-sb-chip--out{color:var(--text-muted);border-color:var(--card-border);background:#f8fafc}.ed-sb-foot{border-top:1px solid var(--sidebar-border);padding:10px 8px}.ed-sb-user{border-radius:var(--radius-sm);border:1px solid var(--card-border);background:#f8fafc;align-items:center;gap:9px;padding:8px 10px;display:flex}.ed-sb-user__av{background:var(--accent-light);width:30px;height:30px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.ed-sb-user__info{flex:1;min-width:0}.ed-sb-user__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.ed-sb-user__role{color:var(--text-muted);margin-top:1px;font-size:11px}.ed-sb-user__out{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .12s;display:flex}.ed-sb-user__out:hover{background:#fee2e2}.ed-sb-logout-icon{color:#dc2626}.ed-main{background:var(--bg);flex:1;min-width:0;overflow-y:auto}.ed-page{flex-direction:column;gap:18px;padding:28px 30px 40px;display:flex}.ed-topbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ed-topbar__title{color:var(--text-primary);letter-spacing:-.3px;font-size:21px;font-weight:700}.ed-topbar__sub{color:var(--text-muted);margin-top:2px;font-size:13px}.ed-btn-outline{border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#fff;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:background .12s;display:inline-flex}.ed-btn-outline:hover{background:#f8fafc}.ed-btn-outline:disabled{opacity:.5;cursor:not-allowed}.ed-stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.ed-stat{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);align-items:center;gap:12px;padding:16px;transition:box-shadow .15s;display:flex}.ed-stat:hover{box-shadow:0 2px 12px #0000000f}.ed-stat__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ed-stat__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;font-size:11px;font-weight:600}.ed-stat__value{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1}.ed-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ed-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:22px}.ed-card--table{padding:0}.ed-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:16px;font-size:11px;font-weight:700;display:flex}.ed-card--clock{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.ed-live{color:#16a34a;letter-spacing:.3px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:6px;margin-bottom:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.ed-live__dot{background:#16a34a;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite ed-pulse}.ed-clock{color:var(--text-primary);letter-spacing:-2px;font-variant-numeric:tabular-nums;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:42px;font-weight:800;line-height:1}.ed-clock__date{color:var(--text-muted);font-size:13px}.ed-today{border:1px solid var(--card-border);border-radius:var(--radius-sm);background:#f8fafc;flex-direction:column;gap:6px;width:100%;max-width:240px;padding:10px 14px;display:flex}.ed-today__row{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:6px;font-size:13px;display:flex}.ed-today__row strong{color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;font-size:13px;font-weight:700}.ed-today__icon{color:var(--text-muted);flex-shrink:0}.ed-today__row span{text-align:left;flex:1}.ed-action{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:7px;width:100%;max-width:230px;padding:11px 20px;font-size:13.5px;font-weight:700;transition:all .15s;display:inline-flex}.ed-action--in{background:var(--accent);color:#fff}.ed-action--in:hover:not(:disabled){background:#4338ca;box-shadow:0 4px 16px #4f46e538}.ed-action--out{color:#dc2626;background:#fff;border:1.5px solid #fca5a5}.ed-action--out:hover:not(:disabled){background:#fef2f2;box-shadow:0 4px 16px #dc26261f}.ed-action:disabled{opacity:.6;cursor:not-allowed}.ed-on-note{color:#16a34a;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.ed-info-row{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:11px 0;font-size:13.5px;display:flex}.ed-info-row:last-child{border-bottom:none}.ed-info-row__k{color:var(--text-secondary);font-weight:500}.ed-info-row__v{color:var(--text-primary);font-size:13px;font-weight:600}.ed-info-row__v--muted{color:var(--text-secondary);font-size:13px;font-weight:400}.ed-status-pill{border:1px solid #0000;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.ed-status-pill--in{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.ed-status-pill--off{color:var(--text-muted);border-color:var(--card-border);background:#f8fafc}.ed-mini-prog{border-top:1px solid #f8fafc;margin-top:16px;padding-top:16px}.ed-mini-prog__hd{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ed-mini-prog__hd span{color:var(--text-muted);font-size:12px;font-weight:500}.ed-mini-prog__hd strong{font-size:13px;font-weight:700}.ed-mini-prog__track{background:#f1f5f9;border-radius:20px;height:6px;overflow:hidden}.ed-mini-prog__fill{border-radius:20px;height:100%;transition:width .7s}.ed-mini-prog__note{color:var(--text-muted);margin-top:6px;font-size:12px}.ed-card-hd{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.ed-card-hd__title{color:var(--text-primary);align-items:center;gap:7px;font-size:13.5px;font-weight:700;display:flex}.ed-card-hd__count{color:var(--text-muted);font-size:12px;font-weight:500}.ed-link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;padding:0;font-size:12.5px;font-weight:600;display:inline-flex}.ed-link-btn:hover{text-decoration:underline}.ed-sum-row{gap:10px;display:flex}.ed-sum-pill{border-radius:var(--radius);border:1px solid #0000;flex:1;align-items:baseline;gap:6px;padding:12px 14px;display:flex}.ed-sum-pill__num{font-size:22px;font-weight:800;line-height:1}.ed-sum-pill__lbl{text-transform:uppercase;letter-spacing:.4px;opacity:.7;font-size:11px;font-weight:600}.ed-table-wrap{overflow-x:auto}.ed-table{border-collapse:collapse;width:100%;min-width:420px;font-size:13.5px}.ed-table thead th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--card-border);background:#f8fafc;padding:10px 16px;font-size:11px;font-weight:700}.ed-tr{transition:background .1s}.ed-td{color:var(--text-secondary);border-bottom:1px solid #f8fafc;padding:12px 16px}.ed-table tbody tr:last-child .ed-td{border-bottom:none}.ed-tr:hover .ed-td{background:#fafafa}.ed-td--id{color:var(--text-muted);font-size:12px;font-weight:600}.ed-td--mono{color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;font-size:13.5px;font-weight:600}.ed-td--date{color:var(--text-primary);font-weight:500}.ed-dash{color:#cbd5e1}.ed-table-foot{color:var(--text-muted);border-top:1px solid var(--card-border);background:#fafafa;padding:10px 16px;font-size:12px}.ed-badge{letter-spacing:.2px;white-space:nowrap;border:1px solid #0000;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.ed-badge--done{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.ed-badge--active{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.ed-badge--missing{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.ed-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 24px;font-size:14px;font-weight:500;display:flex}.ed-empty svg{color:#cbd5e1}.ed-profile-hero{border-bottom:1px solid #f8fafc;align-items:center;gap:14px;margin-bottom:4px;padding-bottom:18px;display:flex}.ed-profile-av{background:var(--accent-light);width:48px;height:48px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.ed-profile-name{color:var(--text-primary);font-size:17px;font-weight:700}.ed-profile-role{color:var(--accent);background:var(--accent-light);text-transform:capitalize;border-radius:20px;align-items:center;gap:4px;margin-top:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}@keyframes ed-spin{to{transform:rotate(360deg)}}@keyframes ed-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes ed-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ed-spinning{animation:.7s linear infinite ed-spin}@media (width<=1100px){.ed-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.ed-grid{grid-template-columns:1fr}}@media (width<=640px){.ed-page{gap:14px;padding:16px}.ed-stats{grid-template-columns:1fr 1fr}.ed-sum-row{flex-wrap:wrap}}.al-root{flex-direction:column;gap:0;padding:4px 0 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.al-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.al-refresh-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.al-refresh-btn:hover{background:#f8fafc;border-color:#cbd5e1}.al-refresh-btn:disabled{opacity:.55;cursor:not-allowed}.al-stats{gap:10px;margin-bottom:18px;display:flex}.al-stat{border:1px solid #0000;border-radius:10px;flex:1;align-items:baseline;gap:6px;padding:10px 16px;display:flex}.al-stat__num{font-size:22px;font-weight:700;line-height:1}.al-stat__lbl{text-transform:uppercase;letter-spacing:.4px;opacity:.7;font-size:12px;font-weight:600}.al-stat--total{color:#334155;background:#f8fafc;border-color:#f1f5f9}.al-stat--present{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.al-stat--late{color:#b45309;background:#fffbeb;border-color:#fde68a}.al-stat--absent{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.al-filters{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.al-filter-item{background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex:1;align-items:center;gap:8px;min-width:160px;height:40px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.al-filter-item:focus-within{border-color:#a5b4fc;box-shadow:0 0 0 3px #6366f114}.al-filter-item--search{flex:1.4}.al-filter-icon{color:#94a3b8;flex-shrink:0}.al-filter-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13.5px}.al-filter-input::placeholder{color:#b0bac6}.al-filter-input:disabled{color:#94a3b8;cursor:not-allowed}.al-filter-err{cursor:help;color:#f59e0b;font-size:14px}.al-clear-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:12px;transition:color .15s}.al-clear-btn:hover{color:#475569}.al-error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.al-retry-btn{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:6px;margin-left:auto;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s}.al-retry-btn:hover{background:#fef2f2}.al-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;overflow:hidden}.al-state{flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:40px 24px;display:flex}.al-state--loading{align-items:stretch;padding:20px 24px}.al-skeleton-rows{flex-direction:column;gap:10px;display:flex}.al-skeleton-row{background:linear-gradient(90deg,#f1f5f9 25%,#e8edf3 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:8px;height:44px;animation:1.4s linear infinite al-shimmer}.al-empty-icon{color:#cbd5e1;margin-bottom:12px}.al-empty-title{color:#475569;text-align:center;font-size:15px;font-weight:600}.al-empty-sub{color:#94a3b8;text-align:center;max-width:300px;margin-top:4px;font-size:13px}.al-clear-search-btn{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:14px;padding:8px 20px;font-size:13px;font-weight:600;transition:background .15s}.al-clear-search-btn:hover{background:#eef2ff}.al-table-wrap{overflow-x:auto}.al-table{border-collapse:collapse;width:100%;min-width:620px;font-size:13.5px}.al-table thead th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:11px 18px;font-size:11px;font-weight:700}.al-table tbody td{color:#334155;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:13px 18px}.al-table tbody tr:last-child td{border-bottom:none}.al-table tbody tr:hover td{background:#fafafa}.al-row--absent td{background:#fffbfb!important}.al-name-cell{align-items:center;gap:10px;display:flex}.al-avatar{color:#4338ca;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.al-name{color:#0f172a;font-weight:600}.al-date-cell{color:#64748b;white-space:nowrap;font-size:13px}.al-time-cell{color:#334155;white-space:nowrap;letter-spacing:.3px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:15px;font-weight:600}.al-no-data{color:#cbd5e1;font-size:15px}.al-no-clock{color:#059669;letter-spacing:.2px;background:#dcfce7;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.al-checkout-missing{color:#dc2626;letter-spacing:.2px;background:#fee2e2;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.al-badge{letter-spacing:.3px;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.al-badge--present{color:#15803d;background:#dcfce7}.al-badge--late{color:#a16207;background:#fef9c3}.al-badge--absent{color:#b91c1c;background:#fee2e2}.al-badge--halfday{color:#c2410c;background:#ffedd5}.al-badge--leave{color:#7c3aed;background:#ede9fe}.al-badge--unknown{color:#64748b;background:#f1f5f9}.al-duty{letter-spacing:.3px;white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.al-duty--active{color:#0369a1;background:#e0f2fe}.al-duty--fulfilled{color:#15803d;background:#f0fdf4}.al-duty--off{color:#64748b;background:#f8fafc}.al-duty--unknown{color:#64748b;background:#f1f5f9}.al-table-footer{color:#94a3b8;background:#fafafa;border-top:1px solid #f1f5f9;padding:12px 18px;font-size:12px}.al-table-footer strong{color:#475569}@keyframes al-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes al-spin{to{transform:rotate(360deg)}}.al-spinning{animation:.7s linear infinite al-spin}@media (width<=768px){.al-filters{flex-direction:column}.al-filter-item{min-width:100%}.al-stats{flex-wrap:wrap}.al-stat{flex:calc(50% - 5px);min-width:calc(50% - 5px)}.al-header{flex-direction:column;gap:10px}}.mu-root{flex-direction:column;gap:0;padding:4px 0 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.mu-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:300px;font-size:14px;display:flex}.mu-spinner{border:3px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:30px;height:30px;animation:.7s linear infinite mu-spin}.mu-error-screen{color:#ef4444;flex-direction:column;align-items:center;gap:14px;padding:60px;font-size:14px;display:flex}.mu-retry{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600}.mu-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.mu-title{color:#0f172a;letter-spacing:-.4px;font-size:22px;font-weight:700}.mu-subtitle{color:#94a3b8;margin-top:3px;font-size:13px}.mu-btn-add{color:#fff;cursor:pointer;white-space:nowrap;background:#4f46e5;border:none;border-radius:9px;flex-shrink:0;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.mu-btn-add:hover{background:#4338ca}.mu-btn-add:active{transform:scale(.97)}.mu-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.mu-stat{background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:14px;padding:16px;transition:box-shadow .2s;display:flex}.mu-stat:hover{box-shadow:0 4px 20px #0000000f}.mu-stat__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.mu-stat__icon--indigo{color:#4f46e5;background:#eef2ff}.mu-stat__icon--violet{color:#7c3aed;background:#f5f3ff}.mu-stat__icon--emerald{color:#10b981;background:#ecfdf5}.mu-stat__icon--amber{color:#f59e0b;background:#fffbeb}.mu-stat__label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:11px;font-weight:700}.mu-stat__value{color:#0f172a;font-size:24px;font-weight:700;line-height:1}.mu-stat__value--small{color:#0f172a;font-size:16px;font-weight:700;line-height:1.2}.mu-toolbar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.mu-search{background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex:1;align-items:center;height:40px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.mu-search:focus-within{border-color:#a5b4fc;box-shadow:0 0 0 3px #6366f114}.mu-search__icon{color:#94a3b8;flex-shrink:0}.mu-search__input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:0 8px;font-size:13.5px}.mu-search__input::placeholder{color:#b0bac6}.mu-search__clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.mu-search__clear:hover{color:#475569}.mu-role-filter{align-items:center;display:flex;position:relative}.mu-select{color:#334155;cursor:pointer;appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:9px;outline:none;height:40px;padding:0 36px 0 12px;font-size:13px;font-weight:500;transition:border-color .15s}.mu-select:focus{border-color:#a5b4fc;box-shadow:0 0 0 3px #6366f114}.mu-select__arrow{color:#94a3b8;pointer-events:none;position:absolute;right:10px}.mu-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;overflow:hidden}.mu-empty{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:64px 32px;display:flex}.mu-empty__icon{color:#cbd5e1;margin-bottom:6px}.mu-empty__title{color:#475569;font-size:15px;font-weight:600}.mu-empty__sub{color:#94a3b8;text-align:center;font-size:13px}.mu-clear-filters{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:10px;padding:8px 18px;font-size:13px;font-weight:600}.mu-clear-filters:hover{background:#eef2ff}.mu-table{border-collapse:collapse;width:100%;font-size:13.5px}.mu-table thead th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:11px 18px;font-size:11px;font-weight:700}.mu-table tbody td{color:#334155;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:14px 18px}.mu-table tbody tr:last-child td{border-bottom:none}.mu-table tbody tr:hover td{background:#fafafa}.mu-member-cell{align-items:center;gap:11px;display:flex}.mu-avatar{letter-spacing:.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.mu-member-name{color:#0f172a;font-size:14px;font-weight:600}.mu-member-id{color:#94a3b8;margin-top:1px;font-size:11px}.mu-email{color:#64748b;font-size:13px}.mu-salary{color:#0f172a;font-family:SF Mono,Fira Code,monospace;font-size:15px;font-weight:700}.mu-not-set{color:#cbd5e1;font-family:inherit;font-size:13px;font-style:italic;font-weight:400}.mu-salary-hidden{color:#cbd5e1;letter-spacing:2px;font-family:SF Mono,Fira Code,monospace;font-size:15px;font-weight:700}.mu-salary-th{align-items:center;gap:8px;display:flex}.mu-salary-toggle{color:#94a3b8;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.mu-salary-toggle:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.mu-role-badge{letter-spacing:.3px;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.mu-role-badge--admin{color:#6d28d9;background:#ede9fe}.mu-role-badge--employee{color:#15803d;background:#dcfce7}.mu-actions{gap:7px;display:flex}.mu-action{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.mu-action--edit{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.mu-action--edit:hover{color:#fff;background:#0284c7}.mu-action--delete{color:#dc2626;background:#fff5f5;border-color:#fecaca}.mu-action--delete:hover{color:#fff;background:#dc2626}.mu-table-foot{color:#94a3b8;background:#fafafa;border-top:1px solid #f1f5f9;align-items:center;gap:12px;padding:12px 18px;font-size:12px;display:flex}.mu-table-foot strong{color:#475569}.mu-foot-clear{color:#4f46e5;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:12px;font-weight:600}.mu-foot-clear:hover{text-decoration:underline}.mu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.18s mu-fade;display:flex;position:fixed;inset:0}.mu-modal{background:#fff;border-radius:16px;width:100%;max-width:440px;animation:.22s cubic-bezier(.34,1.56,.64,1) mu-rise;overflow:hidden;box-shadow:0 20px 60px -10px #0003}.mu-modal__head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.mu-modal__title{align-items:center;gap:9px;display:flex}.mu-modal__title h3{color:#0f172a;font-size:15px;font-weight:700}.mu-modal__icon{color:#4f46e5;background:#eef2ff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.mu-modal__close{color:#94a3b8;cursor:pointer;background:#f8fafc;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.mu-modal__close:hover{color:#475569;background:#f1f5f9}.mu-modal__body{flex-direction:column;gap:14px;max-height:62vh;padding:18px 22px;display:flex;overflow-y:auto}.mu-field{flex-direction:column;gap:6px;display:flex}.mu-label{color:#475569;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.mu-optional{color:#94a3b8;background:#f1f5f9;border-radius:20px;padding:1px 7px;font-size:11px;font-weight:400}.mu-modal__body input,.mu-modal__body select{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:40px;padding:0 12px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.mu-modal__body input:focus,.mu-modal__body select:focus{border-color:#a5b4fc;box-shadow:0 0 0 3px #6366f114}.mu-modal__foot{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:14px 22px 18px;display:flex}.mu-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s}.mu-btn-cancel:hover{background:#f8fafc}.mu-btn-submit{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.mu-btn-submit:hover{background:#4338ca}.mu-btn-submit:disabled{opacity:.6;cursor:not-allowed}@keyframes mu-spin{to{transform:rotate(360deg)}}@keyframes mu-fade{0%{opacity:0}to{opacity:1}}@keyframes mu-rise{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1024px){.mu-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.mu-toolbar{flex-direction:column;align-items:stretch}.mu-stats{grid-template-columns:1fr 1fr}.mu-header{flex-direction:column;gap:12px}}.holiday-container{margin:0 auto}.holiday-card,.table-wrapper{max-width:100%}h2{color:#111827;margin-bottom:24px;font-size:1.25rem;font-weight:600}.holiday-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:30px;padding:20px}.holiday-form{gap:12px;display:flex}.holiday-form input{border:1px solid #d1d5db;border-radius:6px;outline:none;padding:10px 14px;transition:border .2s}.holiday-form input:focus{border-color:#4f46e5}.holiday-form button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:6px;padding:0 20px;font-weight:500}.table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;overflow:hidden}.holiday-table{border-collapse:collapse;width:100%}.holiday-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 24px;font-size:.75rem}.holiday-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:.95rem}.btn-edit-action,.btn-delete-action{justify-content:center;align-items:center;gap:6px;display:inline-flex}.btn-edit-action{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.btn-edit-action:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.btn-delete-action{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #fca5a5;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.btn-delete-action:hover{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 4px 10px #ef444426}.holiday-table tr:last-child td{border-bottom:none}.admin-layout{background-color:#fff;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.admin-sidebar{background-color:#fafafa;border-right:1px solid #eaeaea;flex-direction:column;width:260px;padding:24px 16px;display:flex}.sidebar-brand{color:#111;align-items:center;gap:10px;margin-bottom:32px;padding:0 12px;font-size:16px;font-weight:700;display:flex}.sidebar-menu{flex-direction:column;gap:4px;display:flex}.sidebar-item{cursor:pointer;color:#666;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sidebar-item:hover{color:#000;background-color:#f0f0f0}.sidebar-item.active{color:#000;background-color:#e8e8e8;font-weight:600}.sidebar-footer{color:#999;margin-top:auto;padding:16px 12px;font-size:12px}.admin-main{background-color:#fff;flex:1;padding:20px;overflow-y:auto}.admin-layout{height:100vh;display:flex;overflow:hidden}.admin-main{background-color:#f9fafb;flex:1;overflow-y:auto}.admin-dash-container{max-width:1200px;margin:0 auto;padding:24px}.sidebar-footer{border-top:1px solid #e5e5e5;margin-top:auto;padding-top:20px}.sidebar-logout-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px;font-weight:500;transition:background .2s;display:flex}.sidebar-logout-btn:hover{background:#fef2f2}*{box-sizing:border-box;margin:0;padding:0}.admin-dash-container{flex-direction:column;gap:0;padding:0 0 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.al-title{color:#0f172a;letter-spacing:-.3px;font-size:20px;font-weight:700}.al-subtitle{color:#94a3b8;margin-top:3px;font-size:13px}.admin-header h1,p{margin-bottom:10px}.settings-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:40px;box-shadow:0 1px 3px #0000000d}.settings-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.settings-section-title{color:#37352f;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e5e5;margin:32px 0 20px;padding-bottom:8px;font-size:14px;font-weight:600}.form-group{flex-direction:column;display:flex}.form-group label{color:#787774;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-group input,.form-group select{color:#37352f;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;width:100%;padding:8px 10px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#000;outline:none;box-shadow:0 0 0 1px #000}.alert-banner{color:#37352f;background:#f4f4f4;border-left:4px solid #333;border-radius:4px;align-items:flex-start;gap:12px;margin:30px 0;padding:16px;font-size:13px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#000;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .2s}.btn-primary:hover{opacity:.8}.btn-primary:disabled{cursor:not-allowed;background:#787774}@media (width<=600px){.settings-grid{grid-template-columns:1fr;gap:16px}.settings-card{padding:20px}}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{color:#1a1a1a;background-color:#fafafa;overflow-x:hidden}.features{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:60px 20px;display:grid}.feature-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px;transition:all .3s;position:relative;overflow:hidden}.icon-wrapper{background:#f5f3ff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:20px;display:flex}.feature-card h3{color:#0f172a;margin-bottom:12px;font-size:20px;font-weight:700}.feature-card p{color:#64748b;margin-bottom:20px;font-size:15px;line-height:1.5}.card-link{color:#7c3aed;cursor:pointer;font-size:14px;font-weight:600}.feature-card:hover{border-color:#7c3aed;transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}.contact-container{max-width:900px;margin:80px auto;padding:0 20px}.contact-header{text-align:center;margin-bottom:60px}.contact-header h1{margin-bottom:10px;font-size:40px}.contact-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:24px;grid-template-columns:1fr 1.5fr;gap:60px;padding:40px;display:grid}.info-item{color:#475569;align-items:center;gap:15px;margin-bottom:25px;display:flex}.contact-form{flex-direction:column;gap:15px;display:flex}.contact-form input,textarea{border:1px solid #e2e8f0;border-radius:12px;padding:15px;font-family:inherit}.contact-form button{color:#fff;cursor:pointer;background-color:#7c3aed;border:none;border-radius:12px;width:100%;margin-top:10px;padding:16px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #7c3aed33}.contact-form button:hover{background-color:#6d28d9;transform:translateY(-2px);box-shadow:0 10px 15px -3px #7c3aed4d}.contact-form button:active{box-shadow:none;background-color:#5b21b6;transform:translateY(0)}.contact-form button:disabled{cursor:not-allowed;background-color:#cbd5e1;transform:none}