:root{--bg-base:#0a0f1e;--bg-surface:#111827;--bg-elevated:#1a2236;--bg-card:#1e2d45;--accent:#6366f1;--accent-light:#818cf8;--accent-glow:#6366f126;--amber:#f59e0b;--amber-light:#fbbf24;--emerald:#10b981;--rose:#f43f5e;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--border:#ffffff12;--border-accent:#6366f14d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 4px 24px #0006;--shadow-glow:0 0 40px #6366f11f;--font-display:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#0a0f1e;background:var(--bg-base);color:#f1f5f9;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-body);line-height:1.6}h1,h2,h3,h4,h5{font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-weight:600;line-height:1.2}h1{font-size:clamp(1.8rem,4vw,2.4rem)}h2{font-size:clamp(1.4rem,3vw,1.8rem)}h3{font-size:1.2rem}p{color:#94a3b8;color:var(--text-secondary)}a{color:#818cf8;color:var(--accent-light);text-decoration:none}a:hover{color:#6366f1;color:var(--accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0f1e;background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#ffffff12;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6366f1;background:var(--accent)}.app-shell,.sidebar{display:flex;min-height:100vh}.sidebar{background:#111827;background:var(--bg-surface);border-right:1px solid #ffffff12;border-right:1px solid var(--border);flex-direction:column;left:0;position:fixed;top:0;transition:transform .3s ease;width:260px;z-index:100}.main-content{background:#0a0f1e;background:var(--bg-base);flex:1 1;margin-left:260px;min-height:100vh}.page-header{background:#111827;background:var(--bg-surface);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);padding:2rem 2.5rem 1.5rem}.page-body{padding:2rem 2.5rem}.sidebar-logo{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);padding:1.5rem 1.5rem 1rem}.logo-mark{gap:.75rem}.logo-icon,.logo-mark{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:10px;font-size:1.1rem;height:36px;justify-content:center;width:36px}.logo-text{color:#f1f5f9;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:700}.logo-sub{color:#475569;color:var(--text-muted);font-size:.7rem;font-weight:400}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1.25rem .75rem}.nav-section-label{color:#475569;color:var(--text-muted);font-size:.65rem;font-weight:600;letter-spacing:.1em;margin:1.25rem 0 .5rem;padding:0 .75rem;text-transform:uppercase}.nav-item{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-bottom:2px;padding:.65rem .75rem;text-decoration:none;transition:all .15s ease}.nav-item:hover{color:#f1f5f9;color:var(--text-primary)}.nav-item.active,.nav-item:hover{background:#6366f126;background:var(--accent-glow)}.nav-item.active{border-left:2px solid #6366f1;border-left:2px solid var(--accent);color:#818cf8;color:var(--accent-light)}.nav-item .nav-icon{font-size:1rem;text-align:center;width:20px}.sidebar-user{border-top:1px solid #ffffff12;border-top:1px solid var(--border);gap:.75rem;padding:1rem 1.25rem}.sidebar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:50%;color:#fff;flex-shrink:0;font-size:.875rem;font-weight:700;height:36px;justify-content:center;width:36px}.user-info{flex:1 1;min-width:0}.user-name{color:#f1f5f9;color:var(--text-primary);font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#475569;color:var(--text-muted);font-size:.68rem;text-transform:capitalize}.card{background:#111827;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 24px #0006;box-shadow:var(--shadow-card);padding:1.5rem}.card-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.stat-card{background:#111827;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden;padding:1.5rem;position:relative;transition:transform .2s,box-shadow .2s}.stat-card:before{border-radius:50%;content:"";height:80px;opacity:.08;position:absolute;right:0;top:0;transform:translate(20px,-20px);width:80px}.stat-card:hover{box-shadow:0 0 40px #6366f11f;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.stat-card.accent:before{background:#6366f1;background:var(--accent)}.stat-card.amber:before{background:#f59e0b;background:var(--amber)}.stat-card.emerald:before{background:#10b981;background:var(--emerald)}.stat-card.rose:before{background:#f43f5e;background:var(--rose)}.stat-icon{align-items:center;border-radius:10px;display:flex;font-size:1.2rem;height:42px;justify-content:center;margin-bottom:1rem;width:42px}.stat-card.accent .stat-icon{background:#6366f126}.stat-card.amber .stat-icon{background:#f59e0b26}.stat-card.emerald .stat-icon{background:#10b98126}.stat-card.rose .stat-icon{background:#f43f5e26}.stat-value{font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-card.accent .stat-value{color:#818cf8;color:var(--accent-light)}.stat-card.amber .stat-value{color:#fbbf24;color:var(--amber-light)}.stat-card.emerald .stat-value{color:#10b981;color:var(--emerald)}.stat-card.rose .stat-value{color:#f43f5e;color:var(--rose)}.stat-label{color:#475569;color:var(--text-muted);font-size:.8rem;font-weight:500}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.875rem;font-weight:600;gap:.5rem;padding:.6rem 1.25rem;text-decoration:none;transition:all .15s ease;white-space:nowrap}.btn-primary{background:#6366f1;background:var(--accent);color:#fff}.btn-primary:hover{background:#818cf8;background:var(--accent-light);transform:translateY(-1px)}.btn-secondary{background:#1a2236;background:var(--bg-elevated);border:1px solid #ffffff12;border:1px solid var(--border);color:#f1f5f9;color:var(--text-primary)}.btn-secondary:hover{background:#1e2d45;background:var(--bg-card);border-color:#6366f1;border-color:var(--accent)}.btn-success{background:#10b981;background:var(--emerald);color:#fff}.btn-success:hover{filter:brightness(1.1)}.btn-danger{background:#f43f5e;background:var(--rose);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn-amber{background:#f59e0b;background:var(--amber);color:#0a0f1e}.btn-amber:hover{background:#fbbf24;background:var(--amber-light)}.btn-ghost{background:#0000;color:#94a3b8;color:var(--text-secondary)}.btn-ghost:hover{background:#1a2236;background:var(--bg-elevated);color:#f1f5f9;color:var(--text-primary)}.btn-sm{font-size:.8rem;padding:.4rem .875rem}.btn-lg{font-size:1rem;padding:.875rem 2rem}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.form-group{margin-bottom:1.25rem}.form-label{color:#94a3b8;color:var(--text-secondary);display:block;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#1a2236;background:var(--bg-elevated);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f1f5f9;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.9rem;outline:none;padding:.75rem 1rem;transition:border-color .15s,box-shadow .15s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f1;border-color:var(--accent);box-shadow:0 0 0 3px #6366f126;box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:#475569;color:var(--text-muted)}.form-select option{background:#1a2236;background:var(--bg-elevated)}.form-textarea{min-height:100px;resize:vertical}.form-error{color:#f43f5e;color:var(--rose);font-size:.78rem;margin-top:.35rem}.table-wrap{background:#111827;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden}table{border-collapse:collapse;width:100%}thead th{background:#1a2236;background:var(--bg-elevated);color:#475569;color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.875rem 1.25rem;text-align:left;text-transform:uppercase}tbody td,thead th{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border)}tbody td{color:#94a3b8;color:var(--text-secondary);font-size:.875rem;padding:1rem 1.25rem;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#1a2236;background:var(--bg-elevated);color:#f1f5f9;color:var(--text-primary)}.badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.72rem;font-weight:600;padding:.25rem .65rem;text-transform:capitalize}.badge-approved,.badge-present{background:#10b98126;color:#10b981;color:var(--emerald)}.badge-absent,.badge-rejected{background:#f43f5e26;color:#f43f5e;color:var(--rose)}.badge-late,.badge-revision{background:#f59e0b26;color:#fbbf24;color:var(--amber-light)}.badge-leave,.badge-pending{background:#6366f126;color:#818cf8;color:var(--accent-light)}.badge-submitted{background:#8b5cf626;color:#a78bfa}.badge-in-progress{background:#06b6d426;color:#22d3ee}.badge-high{background:#f43f5e26;color:#f43f5e;color:var(--rose)}.badge-medium{background:#f59e0b26;color:#fbbf24;color:var(--amber-light)}.badge-low{background:#10b98126;color:#10b981;color:var(--emerald)}.badge-urgent{background:#f43f5e33;border:1px solid #f43f5e4d;color:#f43f5e;color:var(--rose)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal{animation:modalIn .2s ease;background:#111827;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:520px;overflow-y:auto;padding:2rem;width:100%}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-title{font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:1.2rem;font-weight:700}.modal-close{background:none;border:none;color:#475569;color:var(--text-muted);cursor:pointer;font-size:1.3rem;padding:.25rem}.modal-close:hover{color:#f1f5f9;color:var(--text-primary)}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-hero{background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#0f172a);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:3rem 4rem;position:relative}.auth-hero:before{background:radial-gradient(circle,#6366f126 0,#0000 70%);content:"";height:400px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.auth-hero-grid{background-image:linear-gradient(#6366f10d 1px,#0000 0),linear-gradient(90deg,#6366f10d 1px,#0000 0);background-size:40px 40px;inset:0;position:absolute}.auth-hero-content{position:relative;z-index:1}.auth-hero h1{font-size:2.5rem;margin-bottom:1rem}.auth-hero h1 span{color:#818cf8;color:var(--accent-light)}.auth-hero p{color:#94a3b8;color:var(--text-secondary);font-size:1rem;max-width:380px}.auth-features{display:flex;flex-direction:column;gap:1rem;margin-top:2.5rem}.auth-feature{align-items:center;background:#ffffff0a;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:1rem;padding:1rem}.auth-feature-icon{align-items:center;background:#6366f126;background:var(--accent-glow);border-radius:10px;flex-shrink:0;font-size:1.1rem;height:40px;width:40px}.auth-feature-icon,.auth-panel{display:flex;justify-content:center}.auth-panel{background:#111827;background:var(--bg-surface);flex-direction:column;padding:3rem 4rem}.auth-form-wrap{max-width:380px;width:100%}.auth-heading{margin-bottom:.5rem}.auth-subheading{color:#475569;color:var(--text-muted);font-size:.9rem;margin-bottom:2rem}.checkin-ring{cursor:pointer;height:160px;margin:0 auto 1.5rem;position:relative;width:160px}.checkin-ring svg{height:100%;inset:0;position:absolute;transform:rotate(-90deg);width:100%}.checkin-ring circle.track{fill:none;stroke:#1a2236;stroke:var(--bg-elevated);stroke-width:6}.checkin-ring circle.progress{fill:none;stroke:#10b981;stroke:var(--emerald);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.checkin-btn-inner{align-items:center;background:#1a2236;background:var(--bg-elevated);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:50%;display:flex;flex-direction:column;inset:12px;justify-content:center;position:absolute;transition:all .2s}.checkin-btn-inner:hover{background:#1e2d45;background:var(--bg-card);border-color:#6366f1;border-color:var(--accent)}.checkin-btn-inner.checked-in{border-color:#10b981;border-color:var(--emerald)}.checkin-btn-label{color:#475569;color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.checkin-btn-icon{font-size:1.6rem;margin-bottom:.25rem}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:1rem;padding-bottom:1.25rem;position:relative}.timeline-item:not(:last-child):before{background:#ffffff12;background:var(--border);bottom:0;content:"";left:17px;position:absolute;top:34px;width:2px}.timeline-dot{align-items:center;background:#1a2236;background:var(--bg-elevated);border:2px solid #ffffff12;border:2px solid var(--border);border-radius:50%;display:flex;flex-shrink:0;font-size:.9rem;height:36px;justify-content:center;width:36px}.timeline-content{flex:1 1}.timeline-title{color:#f1f5f9;color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.2rem}.timeline-meta{color:#475569;color:var(--text-muted);font-size:.78rem}.progress-bar-wrap{margin:.5rem 0}.progress-bar-label{color:#475569;color:var(--text-muted);display:flex;font-size:.78rem;justify-content:space-between;margin-bottom:.4rem}.progress-bar-bg{background:#1a2236;background:var(--bg-elevated);border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{border-radius:3px;height:100%;transition:width .6s ease}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.grid-2{grid-gap:1.25rem;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:1.25rem}.grid-3{grid-gap:1.25rem;grid-template-columns:1fr 1fr 1fr}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-2{margin-top:1rem}.text-muted{color:#475569;color:var(--text-muted)}.text-muted,.text-sm{font-size:.875rem}.text-xs{font-size:.78rem}.font-bold{font-weight:700}.text-center{text-align:center}.w-full{width:100%}.toast-container{display:flex;flex-direction:column;gap:.75rem;position:fixed;right:1.5rem;top:1.5rem;z-index:9999}.toast{align-items:flex-start;animation:toastIn .25s ease;background:#1a2236;background:var(--bg-elevated);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 24px #0006;box-shadow:var(--shadow-card);display:flex;gap:.75rem;min-width:280px;padding:1rem 1.25rem}@keyframes toastIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.toast-success{border-color:#10b9814d}.toast-error{border-color:#f43f5e4d}.toast-info{border-color:#6366f14d}.toast-icon{font-size:1.1rem}.toast-msg{color:#f1f5f9;color:var(--text-primary);font-size:.875rem}.loader{align-items:center;display:flex;justify-content:center;padding:3rem}.spinner{animation:spin .7s linear infinite;border:3px solid #1a2236;border-top-color:#6366f1;border:3px solid var(--bg-elevated);border-radius:50%;border-top-color:var(--accent);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.4}.empty-title{color:#94a3b8;color:var(--text-secondary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.empty-desc{color:#475569;color:var(--text-muted);font-size:.875rem}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.auth-page{grid-template-columns:1fr}.auth-hero{display:none}.grid-2,.grid-3{grid-template-columns:1fr}.page-body,.page-header{padding:1.25rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.1ec2adb6.css.map*/