@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-primary:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--bg-main:#0f172a;--bg-card:#1e293bcc;--bg-card-hover:#334155e6;--bg-glass:#0f172ad9;--accent-primary:#3b82f6;--accent-primary-hover:#2563eb;--accent-secondary:#8b5cf6;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--accent-info:#06b6d4;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dark:#0f172a;--border-color:#ffffff14;--border-glow:#3b82f659;--shadow-lg:0 8px 20px -4px #00000080;--glass-blur:blur(14px);--radius-lg:10px;--radius-md:6px;--radius-sm:4px}*{box-sizing:border-box;font-family:var(--font-primary);margin:0;padding:0}body{color:var(--text-main);background:radial-gradient(circle at 100% 0,#1e1b4b,#0f172a 60%);min-height:100vh;font-size:.88rem;line-height:1.4;overflow-x:hidden}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:14px 16px;transition:border-color .18s}.glass-card:hover{border-color:var(--border-glow)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#475569}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:5px;height:30px;padding:5px 12px;font-size:.82rem;font-weight:600;line-height:1.2;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;box-shadow:0 2px 8px #3b82f64d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f680}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98133}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444433}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);background:#ffffff12}.btn-secondary:hover{background:#ffffff24}.btn-sm{border-radius:var(--radius-sm);height:26px;padding:3px 8px;font-size:.76rem}.form-group{flex-direction:column;gap:3px;margin-bottom:8px;display:flex}.form-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.form-input,.form-select{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;height:32px;color:var(--text-main);background:#0f172ad9;outline:none;padding:4px 9px;font-size:.84rem;transition:border-color .15s,box-shadow .15s}.form-textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);background:#0f172ad9;outline:none;padding:6px 9px;font-size:.84rem;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f633}.form-select option{color:#f8fafc;background-color:#0f172a}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:9999px;align-items:center;gap:3px;padding:2px 6px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.badge-pending_staff{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-pending_admin{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d}.badge-approved{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-rejected{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.badge-checked_in{color:#22d3ee;background:#06b6d426;border:1px solid #06b6d44d}.badge-checked_out{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b84d}.data-table-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-color);max-width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.data-table th{z-index:10;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border-color);background:#0f172af2;padding:6px 10px;font-size:.76rem;font-weight:700;position:sticky;top:0}.data-table td{border-bottom:1px solid var(--border-color);padding:6px 10px;font-size:.82rem}.data-table tr:hover{background:#ffffff08}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) forwards fadeIn}html,body,#root{width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden!important}@media (width<=1023px){.sidebar-container{transform:translate(-100%);z-index:1050!important;height:100vh!important;transition:transform .28s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;box-shadow:4px 0 25px #000000bf!important}.sidebar-container.mobile-open{transform:translate(0)!important}}@media (width>=1024px){.sidebar-container{height:calc(100vh - 42px)!important;position:sticky!important;top:42px!important;transform:none!important}}.form-grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=767px){.form-grid-2{grid-template-columns:1fr!important}}.data-table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto!important}.data-table{min-width:620px}.grid-responsive-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}@media (width<=640px){.grid-responsive-cards{grid-template-columns:1fr!important}}@media (width>=1920px){.portal-main-content{margin:0 auto;max-width:1680px!important;padding:24px!important}}@media (width>=1366px) and (width<=1919px){.portal-main-content{max-width:1400px!important;padding:16px 20px!important}}@media (width>=768px) and (width<=1023px){.portal-main-content{max-width:100%!important;padding:14px!important}.glass-card{padding:14px!important}}@media (width<=767px){body{font-size:.84rem}.portal-main-content{max-width:100%!important;padding:10px!important}.glass-card{border-radius:var(--radius-md)!important;padding:12px!important}h1{font-size:1.1rem!important}h2{font-size:1.05rem!important}h3{font-size:.95rem!important}.btn{padding:4px 10px!important;font-size:.78rem!important}#printable-pass{max-width:100%!important;padding:16px!important}}@media (width<=425px){.nav-brand-sub{display:none!important}.data-table th,.data-table td{padding:4px 6px!important;font-size:.75rem!important}.pagination-container{flex-direction:column!important;align-items:center!important;gap:8px!important}}