@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-primary:"Inter",system-ui,sans-serif;--font-heading:"Outfit",system-ui,sans-serif;--transition:.2s cubic-bezier(.4,0,.2,1);--radius:12px;--radius-lg:20px;--shadow:0 4px 24px #00000014;--shadow-lg:0 8px 40px #0000001f;--shadow-xl:0 20px 60px #0000002e}html,body{height:100%;font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b;background:#f8fafc}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 0 8px #6366f100}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeInUp{animation:.4s both fadeInUp}.animate-fadeIn{animation:.3s both fadeIn}.animate-slideInLeft{animation:.35s both slideInLeft}.animate-scaleIn{animation:.25s both scaleIn}.animate-float{animation:3s ease-in-out infinite float}.animate-spin-slow{animation:8s linear infinite spin-slow}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff80}.glass-dark{-webkit-backdrop-filter:blur(12px);background:#00000040;border:1px solid #ffffff26}.card{border-radius:var(--radius);box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition);background:#fff;border:1px solid #0000000d}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-lg{border-radius:var(--radius-lg)}.btn{cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{background:var(--primary,#2563eb);color:#fff;box-shadow:0 4px 12px #00000026}.btn-primary:hover:not(:disabled){background:var(--primary-dark,#1d4ed8);box-shadow:0 6px 20px #0003}.btn-ghost{color:var(--primary,#2563eb);border:1.5px solid var(--primary,#2563eb);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--primary-light,#eff6ff)}.btn-danger{color:#fff;background:#ef4444;box-shadow:0 4px 12px #ef44444d}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-white{color:#1e293b;box-shadow:var(--shadow);background:#fff}.btn-sm{border-radius:8px;padding:6px 14px;font-size:13px}.btn-lg{border-radius:14px;padding:14px 28px;font-size:16px}.input{width:100%;font-size:14px;font-family:var(--font-primary);color:#1e293b;transition:all var(--transition);background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:11px 14px}.input:focus{border-color:var(--primary,#2563eb);box-shadow:0 0 0 3px #2563eb1a}.input::placeholder{color:#94a3b8}.label{color:#475569;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.badge{border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.skeleton{background:linear-gradient(90deg,#f0f4f8 25%,#e2e8f0 50%,#f0f4f8 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer}.layout{min-height:100vh;display:flex}.sidebar{z-index:50;width:260px;height:100vh;transition:transform var(--transition);flex-shrink:0;position:fixed;top:0;left:0;overflow-y:auto}.main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.topbar{z-index:40;background:#fff;border-bottom:1px solid #eef2f7;align-items:center;height:68px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 12px #0000000a}.page-content{flex:1;padding:28px;overflow-y:auto}.stat-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;border:1px solid #0000000a;padding:20px 24px}.table-wrapper{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:12px;font-weight:600}tbody td{color:#374151;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#f8fafc}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#fff;width:100%;max-width:580px;max-height:90vh;animation:.25s scaleIn;overflow-y:auto}.gradient-text{background:var(--gradient,linear-gradient(135deg,#2563eb,#7c3aed));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tooltip{position:relative}.tooltip:after{content:attr(data-tip);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:200;background:#1e293b;border-radius:6px;padding:5px 10px;font-size:12px;transition:opacity .2s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip:hover:after{opacity:1}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.page-content{padding:16px}}.status-approved{color:#16a34a;background:#dcfce7}.status-pending{color:#d97706;background:#fef3c7}.status-rejected{color:#dc2626;background:#fee2e2}.status-confirmed{color:#2563eb;background:#dbeafe}.status-tentative{color:#7c3aed;background:#ede9fe}.event-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;transition:transform .2s,box-shadow .2s;overflow:hidden}.event-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.event-card-header{padding:20px;position:relative}.event-card-body{padding:16px 20px 20px}.nav-item{cursor:pointer;transition:all var(--transition);color:#ffffffbf;border-radius:10px;align-items:center;gap:10px;margin-bottom:2px;padding:11px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}button.nav-item{color:#ffffffd9;background:0 0;border:none;width:100%;font-family:inherit}.nav-item:hover{color:#fff;background:#ffffff26}.nav-item.active{color:#fff;background:#fff3;font-weight:600;box-shadow:0 2px 8px #00000026}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (max-width:1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.od-certificate{max-width:680px;font-family:var(--font-heading);background:#fff;border:2px solid #e2e8f0;border-radius:16px;margin:0 auto;padding:40px;position:relative;overflow:hidden}.od-certificate:before{content:"";height:6px;position:absolute;top:0;left:0;right:0}.divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);height:1px;margin:24px 0}.spinner{border:3px solid #e2e8f0;border-top-color:var(--primary,#2563eb);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin-slow}.search-bar{transition:all var(--transition);background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.search-bar:focus-within{border-color:var(--primary,#2563eb);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.search-bar input{font-size:14px;font-family:var(--font-primary);color:#1e293b;background:0 0;border:none;outline:none;flex:1}.notif-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:0}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}