@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");:root{--font-primary:"Outfit",sans-serif;--font-secondary:"Plus Jakarta Sans",sans-serif;--bg-main:#f8fafc;--bg-gradient:radial-gradient(circle at 50% 0%,#eff6ff 0%,#f8fafc 100%);--bg-card:rgba(255,255,255,0.9);--bg-card-hover:rgba(255,255,255,1);--border-color:rgba(0,0,0,0.08);--border-focus:rgba(99,102,241,0.4);--primary:#4f46e5;--primary-glow:rgba(79,70,229,0.25);--primary-gradient:linear-gradient(135deg,#6366f1,#4f46e5);--secondary-gradient:linear-gradient(135deg,#10b981,#059669);--accent-gradient:linear-gradient(135deg,#f59e0b,#d97706);--text-main:#1e293b;--text-muted:#64748b;--text-inverse:#ffffff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--shadow-lg:0 10px 30px -10px rgba(0,0,0,0.08);--shadow-glow:0 0 20px rgba(99,102,241,0.15);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;padding:0;margin:0;-webkit-tap-highlight-color:transparent}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--bg-main);background-image:var(--bg-gradient);color:var(--text-main);font-family:var(--font-primary);min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px rgba(99,102,241,.2)}50%{box-shadow:0 0 25px rgba(99,102,241,.4)}}.animate-fade-in-up{animation:fadeInUp var(--transition-normal) forwards}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transition:all var(--transition-fast)}.glass-card:hover{background:var(--bg-card-hover);border-color:rgba(255,255,255,.12)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);justify-content:space-around;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav,.bottom-nav-item{display:flex;align-items:center}.bottom-nav-item{flex-direction:column;color:var(--text-muted);font-size:.75rem;font-weight:500;text-decoration:none;transition:color var(--transition-fast);flex:1 1;padding:8px 0}.bottom-nav-item.active{color:var(--primary);text-shadow:0 0 10px rgba(99,102,241,.2)}.bottom-nav-item svg{width:22px;height:22px;margin-bottom:3px;transition:transform var(--transition-fast)}.bottom-nav-item:active svg{transform:scale(.9)}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;background:rgba(255,255,255,.7);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-secondary);font-size:.95rem;outline:none;transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.form-label{display:block;margin-bottom:6px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-primary);font-size:.95rem;gap:8px}.btn-primary{background:var(--primary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 25px rgba(99,102,241,.35)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:var(--secondary-gradient);color:var(--text-inverse)}.btn-secondary:hover{transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-main)}.btn-outline:hover{background:rgba(255,255,255,.05)}.btn-danger{background:var(--danger);color:var(--text-inverse)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.badge{display:inline-flex;padding:4px 8px;font-size:.75rem;font-weight:700;border-radius:4px;text-transform:uppercase}.badge-hadir{background:rgba(16,185,129,.15);color:var(--success);border:1px solid rgba(16,185,129,.3)}.badge-sakit{background:rgba(59,130,246,.15);color:var(--info);border:1px solid rgba(59,130,246,.3)}.badge-izin{background:rgba(245,158,11,.15);color:var(--warning);border:1px solid rgba(245,158,11,.3)}.badge-alpha{background:rgba(239,68,68,.15);color:var(--danger);border:1px solid rgba(239,68,68,.3)}@media (max-width:768px){.btn{padding:10px 18px;font-size:.9rem}}@font-face{font-family:geistSans;src:url(/_next/static/media/4473ecc91f70f139-s.p.woff) format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:geistSans Fallback;src:local("Arial");ascent-override:85.83%;descent-override:20.52%;line-gap-override:9.33%;size-adjust:107.19%}.__className_1e4310{font-family:geistSans,geistSans Fallback}.__variable_1e4310{--font-geist-sans:"geistSans","geistSans Fallback"}@font-face{font-family:geistMono;src:url(/_next/static/media/463dafcda517f24f-s.p.woff) format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:geistMono Fallback;src:local("Arial");ascent-override:69.97%;descent-override:16.73%;line-gap-override:7.61%;size-adjust:131.49%}.__className_c3aa02{font-family:geistMono,geistMono Fallback}.__variable_c3aa02{--font-geist-mono:"geistMono","geistMono Fallback"}