.navbar{-webkit-backdrop-filter:blur(12px);z-index:1000;width:100%;height:70px;transition:all var(--transition-normal);background:#fdfbf7d9;border-bottom:1px solid #0000;position:fixed;top:0;left:0}.navbar-scrolled{box-shadow:var(--shadow-sm);border-bottom:1px solid #8000000d}.navbar-container{height:100%}.desktop-nav{display:none}@media (width>=768px){.desktop-nav{display:block}}.nav-link{color:var(--color-text-muted);transition:color var(--transition-fast);padding:.5rem;font-weight:500;position:relative}.nav-link:hover{color:var(--color-maroon)}.nav-link:after{content:"";background:var(--rainbow-border);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link.active{color:var(--color-maroon)}.nav-link.active:after,.nav-link:hover:after{width:80%}.mobile-menu-btn{color:var(--color-maroon);cursor:pointer;background:0 0;border:none;display:flex}@media (width>=768px){.mobile-menu-btn{display:none}}.mobile-nav{background:var(--color-cream);border-bottom:2px solid var(--color-maroon);width:100%;box-shadow:var(--shadow-md);max-height:0;transition:max-height .4s ease-in-out;position:absolute;top:70px;left:0;overflow:hidden}.mobile-nav-open{max-height:500px}.dash-shell{min-height:100vh;font-family:var(--font-primary);background:#f1f5f9;display:flex}.dash-loading{min-height:100vh;color:var(--color-text-muted);background:#f1f5f9;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.dash-loading-spinner{border:3px solid #e2e8f0;border-top:3px solid var(--color-maroon);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite dash-spin}@keyframes dash-spin{to{transform:rotate(360deg)}}.dash-sidebar{color:#e2e8f0;z-index:50;background:#0f172a;flex-direction:column;width:260px;height:100vh;transition:width .25s;display:flex;position:sticky;top:0;overflow-y:auto}.dash-sidebar--collapsed{width:72px}.dash-sidebar__header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1.25rem 1rem;display:flex}.dash-sidebar__brand{align-items:baseline;gap:.4rem;display:flex}.dash-sidebar__logo{font-family:var(--font-heading);color:var(--color-gold);letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.dash-sidebar__subtitle{text-transform:uppercase;letter-spacing:.15em;color:#64748b;font-size:.75rem;font-weight:600}.dash-sidebar__toggle{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:none;border-radius:6px;padding:.4rem;transition:background .2s}.dash-sidebar__toggle:hover{color:#fff;background:#ffffff1f}.dash-sidebar__role{color:#fca5a5;text-transform:uppercase;letter-spacing:.08em;background:#80000040;border:1px solid #80000066;border-radius:6px;align-items:center;gap:.5rem;margin:1rem 1rem .5rem;padding:.4rem .75rem;font-size:.75rem;font-weight:600;display:flex}.dash-sidebar__nav{flex-direction:column;flex:1;gap:2px;padding:1rem .75rem;display:flex}.dash-sidebar__link{color:#94a3b8;white-space:nowrap;border-radius:8px;align-items:center;gap:.75rem;padding:.65rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.dash-sidebar__link:hover{color:#e2e8f0;background:#ffffff0f}.dash-sidebar__link--active{background:#8000004d;font-weight:600;color:#fff!important}.dash-sidebar--collapsed .dash-sidebar__link{justify-content:center;padding:.65rem}.dash-sidebar__footer{border-top:1px solid #ffffff0f;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.dash-sidebar__user{align-items:center;gap:.6rem;display:flex}.dash-sidebar__avatar{background:var(--color-maroon);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.dash-sidebar__user-info{overflow:hidden}.dash-sidebar__user-email{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.8rem;display:block;overflow:hidden}.dash-sidebar__logout{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;transition:all .15s;display:flex}.dash-sidebar__logout:hover{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.dash-main{flex-direction:column;flex:1;min-width:0;display:flex}.dash-topbar{z-index:40;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.75rem 2rem;display:flex;position:sticky;top:0}.dash-topbar__title{color:#1e293b;font-size:1.25rem;font-weight:700;font-family:var(--font-heading)}.dash-topbar__right{align-items:center;gap:1rem;display:flex}.dash-topbar__icon-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;transition:all .15s}.dash-topbar__icon-btn:hover{color:#1e293b;background:#f1f5f9}.dash-topbar__back-link{color:var(--color-maroon);border:1px solid #80000026;border-radius:6px;padding:.4rem .75rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s}.dash-topbar__back-link:hover{background:#8000000d}.dash-content{flex:1;width:100%;max-width:1200px;padding:2rem}.dash-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:box-shadow .2s}.dash-card:hover{box-shadow:0 4px 12px #0000000f}.dash-card--accent{border-left:4px solid var(--color-maroon)}.dash-card--gold{border-left:4px solid var(--color-gold)}.dash-stat{text-align:center;padding:1.5rem}.dash-stat__number{font-size:2.5rem;font-weight:800;font-family:var(--font-heading);margin-bottom:.25rem;line-height:1}.dash-stat__label{text-transform:uppercase;letter-spacing:.1em;color:#64748b;font-size:.75rem;font-weight:600}.dash-table{border-collapse:collapse;width:100%;font-size:.9rem}.dash-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0;padding:.75rem 1rem;font-size:.8rem;font-weight:600}.dash-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:.75rem 1rem}.dash-table tbody tr:hover{background:#f8fafc}.dash-btn{cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font-primary);border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;transition:all .15s;display:inline-flex}.dash-btn--approve{color:#166534;background:#dcfce7}.dash-btn--approve:hover{background:#bbf7d0}.dash-btn--reject{color:#991b1b;background:#fee2e2}.dash-btn--reject:hover{background:#fecaca}.dash-btn--primary{background:var(--color-maroon);color:#fff}.dash-btn--primary:hover{background:var(--color-maroon-light);transform:translateY(-1px)}.dash-btn--ghost{color:#64748b;background:0 0;border:1px solid #e2e8f0}.dash-btn--ghost:hover{color:#1e293b;background:#f8fafc}.dash-input{width:100%;font-size:.9rem;font-family:var(--font-primary);color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.65rem .85rem;transition:border-color .15s}.dash-input:focus{border-color:var(--color-maroon);outline:none;box-shadow:0 0 0 3px #80000014}.dash-textarea{resize:vertical;min-height:100px}.dash-alert{border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.dash-alert--success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.dash-alert--error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.dash-alert--info{color:#075985;background:#e0f2fe;border:1px solid #bae6fd}.dash-empty{text-align:center;color:#94a3b8;padding:3rem 2rem}.dash-empty__icon{opacity:.4;margin-bottom:1rem}.dash-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;padding:.15rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.dash-badge--pending{color:#92400e;background:#fef3c7}.dash-badge--approved{color:#166534;background:#dcfce7}.dash-badge--rejected{color:#991b1b;background:#fee2e2}@media (width<=768px){.dash-sidebar{width:72px}.dash-sidebar__brand,.dash-sidebar__role,.dash-sidebar__user,.dash-sidebar__link span,.dash-sidebar__logout span{display:none}.dash-sidebar__link{justify-content:center}.dash-content{padding:1rem}.dash-topbar{padding:.75rem 1rem}}:root{--color-cream:#fdfbf7;--color-white:#fff;--color-maroon:maroon;--color-maroon-light:brown;--color-gold:gold;--color-gold-light:#ffe4b5;--color-text-dark:#1a1a1a;--color-text-muted:#4a4a4a;--rainbow-gradient:linear-gradient(135deg, #ec48994d 0%, #f59e0b4d 25%, #eab3084d 50%, #22c55e4d 75%, #3b82f64d 100%);--rainbow-border:linear-gradient(90deg, #ec4899, #f59e0b, #eab308, #22c55e, #3b82f6);--font-primary:"Inter", system-ui, sans-serif;--font-heading:"Outfit", "Inter", system-ui, sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--glass-bg:#fdfbf7b3;--glass-border:1px solid #8000001a;--border-radius-sm:.5rem;--border-radius-md:1rem;--border-radius-lg:1.5rem;--border-radius-full:9999px;--transition-fast:.2s ease;--transition-normal:.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-cream);color:var(--color-text-dark);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-maroon);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:100%;max-width:1200px;padding:0 var(--spacing-sm);margin:0 auto}.section{padding:var(--spacing-lg) 0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.grid{display:grid}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.btn{border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-normal);font-weight:600;font-family:var(--font-primary);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:inline-flex}.btn-primary{background-color:var(--color-maroon);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--color-maroon-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-white);color:var(--color-maroon);border:2px solid var(--color-maroon)}.btn-secondary:hover{background-color:var(--color-maroon);color:var(--color-white);transform:translateY(-2px)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:var(--glass-border);border-radius:var(--border-radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.glass-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.text-center{text-align:center}.text-maroon{color:var(--color-maroon)}.text-gold{color:var(--color-gold)}.text-muted{color:var(--color-text-muted)}.font-bold{font-weight:700}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.section{padding:var(--spacing-xl) 0}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.accent-border{background:var(--color-gold);border-radius:2px;width:50px;height:4px;margin:1rem 0}.accent-border-center{margin:1rem auto}