@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Rubik:wght@300;400;500;600;700&display=swap";
:root{--primary:var(--primary);--primary-hover:var(--primary-hover);--primary-light:var(--primary-light);--primary-glow:var(--primary-glow);--secondary:var(--secondary);--secondary-hover:var(--secondary-hover);--accent:#f59e0b;--accent-light:#f59e0b1a;--background:#060b08;--bg-surface:#0e1612;--bg-card:#121e1899;--bg-card-hover:#1a2c24d9;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-dark:#4b5563;--border-color:var(--primary-light);--border-hover:var(--primary-glow);--gradient-primary:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);--gradient-accent:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);--gradient-dark:linear-gradient(180deg, #0e1612 0%, #060b08 100%);--font-family:"Outfit", "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 1px 2px 0 #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;--shadow-glow:0 0 20px var(--primary-light);--shadow-glow-strong:0 0 30px var(--primary-glow);--border-radius-sm:6px;--border-radius-md:12px;--border-radius-lg:20px;--border-radius-full:9999px;--container-max-width:1280px}html,body{background-color:#090e1a;min-height:100vh}html.dark,body.dark,html.dark .page-wrapper,body.dark .page-wrapper,.dark .page-wrapper{color:#f8fafc!important;background-color:#090e1a!important}html.light,body.light{color:#0f172a!important;background-color:#f8fafc!important}html:not(.dark) .page-wrapper.light,html.light .page-wrapper,.light:not(.dark){--background:#f8fafc;--bg-surface:#fff;--bg-card:#ffffffeb;--bg-card-hover:#fffffffa;--text-main:#0f172a;--text-muted:#475569;--text-dark:#64748b;--border-color:var(--primary-light);--border-hover:var(--primary-glow);--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px -4px #0000000d, 0 2px 6px -1px var(--primary-subtle);--shadow-lg:0 16px 36px -6px #00000014, 0 4px 12px -2px var(--primary-subtle);--shadow-glow:0 0 20px var(--primary-light);--shadow-glow-strong:0 0 30px var(--primary-glow);--gradient-dark:linear-gradient(180deg, #fff 0%, #f8fafc 100%);color:#0f172a!important;background-color:#f8fafc!important}.page-wrapper.light h1,.page-wrapper.light h2,.page-wrapper.light h3,.page-wrapper.light h4:not(.footer-heading),.page-wrapper.light h5,.page-wrapper.light h6,.light h1,.light h2,.light h3,.light h4:not(.footer-heading),.light h5,.light h6{color:#0f172a!important}.footer-main-layout h4.footer-heading,.footer-main-layout .footer-heading,footer .footer-heading,.light .footer-main-layout h4.footer-heading,.light .footer-main-layout .footer-heading,.page-wrapper.light .footer-heading{color:#fff!important}.footer-main-layout .footer-subtext,.footer-main-layout .footer-link-item,.light .footer-main-layout .footer-subtext,.light .footer-main-layout .footer-link-item,.page-wrapper.light .footer-subtext,.page-wrapper.light .footer-link-item{color:#cbd5e1!important}.page-wrapper.light p,.light p{color:#475569}.page-wrapper.light .glass-panel,.light .glass-panel{-webkit-backdrop-filter:blur(16px);border-radius:var(--border-radius-md);border:1px solid var(--primary-light)!important;box-shadow:0 10px 30px -5px #0000000d, 0 0 15px var(--primary-subtle)!important;background:#ffffffeb!important}.page-wrapper.light .glass-panel:hover,.light .glass-panel:hover{border-color:var(--primary-glow)!important;box-shadow:0 16px 36px -6px #00000014, 0 0 22px var(--primary-light)!important;background:#fff!important}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);width:100%;min-height:100%;color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden}body{flex-direction:column;line-height:1.6;display:flex}a{color:inherit;transition:var(--shadow-sm);text-decoration:none}button,input,select,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}button{cursor:pointer}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--primary-glow);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-glow)}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:#fff;font-weight:700;line-height:1.25}p{color:var(--text-muted)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:var(--border-radius-md);transition:var(--transition-normal)}.glass-panel:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);background:var(--bg-card-hover)}.gradient-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-blur-1{background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);filter:blur(50px);pointer-events:none;z-index:0;border-radius:50%;width:300px;height:300px;position:absolute}.glow-blur-2{background:radial-gradient(circle, var(--secondary-light) 0%, transparent 70%);filter:blur(60px);pointer-events:none;z-index:0;border-radius:50%;width:400px;height:400px;position:absolute}html,body{max-width:100vw;overflow-x:hidden}*,:before,:after{box-sizing:border-box}img,video,svg{max-width:100%}@media (max-width:640px){.container{padding-left:1rem;padding-right:1rem}}.single-navbar-header{z-index:1000;background:0 0;width:100%;padding:.75rem 1rem;transition:all .3s;position:sticky;top:0;left:0}.single-nav-pill{-webkit-backdrop-filter:blur(20px);max-width:1280px;height:58px;box-shadow:0 12px 32px #00000040, 0 0 15px var(--primary-subtle);background:#0e1612d1;border:1px solid #ffffff1f;border-radius:9999px;justify-content:space-between;align-items:center;margin:0 auto;padding:0 1.25rem;transition:all .3s;display:flex}html.dark .single-nav-pill,body.dark .single-nav-pill,.dark .single-nav-pill{color:#f8fafc!important;box-shadow:0 12px 32px #00000040, 0 0 15px var(--primary-subtle)!important;background:#0e1612d1!important;border-color:#ffffff1f!important}html.dark .single-nav-pill .nav-link,body.dark .single-nav-pill .nav-link,.dark .single-nav-pill .nav-link{color:#cbd5e1!important}html.dark .single-nav-pill .nav-link.active,body.dark .single-nav-pill .nav-link.active,.dark .single-nav-pill .nav-link.active{color:#10b981!important}html.dark .single-nav-pill .nav-item-dropdown span,body.dark .single-nav-pill .nav-item-dropdown span,.dark .single-nav-pill .nav-item-dropdown span{color:#cbd5e1!important}html.dark .header-user-name,body.dark .header-user-name,.dark .header-user-name{color:#f8fafc!important}html.dark .action-icon-btn,body.dark .action-icon-btn,.dark .action-icon-btn{color:#cbd5e1!important;background:#ffffff0f!important}html.light .single-nav-pill,body.light .single-nav-pill{color:#0f172a!important;background:#fffffff2!important;border-color:#e2e8f0e6!important;box-shadow:0 10px 30px #00000014,0 2px 8px #0000000a!important}html.light .single-nav-pill .nav-link,body.light .single-nav-pill .nav-link{color:#334155!important}html.light .single-nav-pill .nav-link:hover,body.light .single-nav-pill .nav-link:hover,html.light .single-nav-pill .nav-link.active,body.light .single-nav-pill .nav-link.active{color:#008a48!important}html.light .single-nav-pill .nav-item-dropdown span,body.light .single-nav-pill .nav-item-dropdown span{color:#334155!important}html.light .header-user-name,body.light .header-user-name{color:#0f172a!important}html.light .action-icon-btn,body.light .action-icon-btn{color:#334155!important;background:#0000000a!important}html.light .action-icon-btn:hover,body.light .action-icon-btn:hover{color:#008a48!important;background:#008a481a!important}.single-nav-left{align-items:center;gap:1rem;display:flex}.single-nav-center{align-items:center;gap:1.75rem;display:flex}.single-nav-right{align-items:center;gap:.85rem;display:flex}.location-chip{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.location-chip:hover{color:#fff;border-color:var(--primary);background:#ffffff1a}.page-wrapper.light .location-chip,.light .location-chip{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.page-wrapper.light .location-chip:hover,.light .location-chip:hover{color:#0f172a;background:#e2e8f0}@media (max-width:900px){.single-nav-center{display:none}}.mobile-menu-btn{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.35rem;transition:all .2s;display:none}.mobile-menu-btn:hover{background:#ffffff1a}.page-wrapper.light .mobile-menu-btn,.light .mobile-menu-btn{color:#0f172a}.page-wrapper.light .mobile-menu-btn:hover,.light .mobile-menu-btn:hover{background:#0000000f}@media (max-width:900px){.mobile-menu-btn{display:flex}}@media (max-width:768px){.single-navbar-header{padding:.5rem}.single-nav-pill{gap:.5rem;height:52px;padding:0 .65rem}.single-nav-left{flex-shrink:1;gap:.5rem;min-width:0}.nav-logo-img{height:26px!important}.location-chip{flex-shrink:1;max-width:120px;padding:.25rem .5rem;font-size:.7rem}.location-chip span{white-space:nowrap;text-overflow:ellipsis;max-width:70px;overflow:hidden}.single-nav-right{flex-shrink:0;gap:.4rem}.header-user-name,.desktop-only-utility{display:none!important}}@media (max-width:480px){.single-nav-pill{gap:.3rem;padding:0 .45rem}.single-nav-left{gap:.35rem}.location-chip{max-width:85px;padding:.2rem .4rem}.location-chip span{max-width:45px}.single-nav-right{gap:.25rem}.action-icon-btn{width:32px;height:32px}}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(4px);z-index:2500;background-color:#000000a6;display:flex;position:fixed;inset:0}.mobile-drawer-container{background:#0e1612;border-right:1px solid #ffffff1f;flex-direction:column;width:85%;max-width:320px;height:100%;display:flex;overflow:hidden;box-shadow:10px 0 40px #00000080}.page-wrapper.light .mobile-drawer-container,.light .mobile-drawer-container{background:#fff!important;border-right-color:#0000001a!important;box-shadow:10px 0 40px #00000026!important}.mobile-drawer-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.page-wrapper.light .mobile-drawer-header,.light .mobile-drawer-header{border-bottom-color:#00000014}.mobile-drawer-close-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.mobile-drawer-close-btn:hover{color:#fff;background:#ffffff26}.page-wrapper.light .mobile-drawer-close-btn,.light .mobile-drawer-close-btn{color:#64748b;background:#0000000d}.page-wrapper.light .mobile-drawer-close-btn:hover,.light .mobile-drawer-close-btn:hover{color:#0f172a;background:#0000001a}.mobile-drawer-location{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:.65rem;margin:.75rem 1rem;padding:.65rem .85rem;display:flex}.page-wrapper.light .mobile-drawer-location,.light .mobile-drawer-location{background:#f8fafc;border-color:#e2e8f0}.mobile-drawer-body{flex-direction:column;flex:1;gap:1.25rem;padding:.75rem 1rem;display:flex;overflow-y:auto}.mobile-drawer-section{flex-direction:column;gap:.35rem;display:flex}.mobile-drawer-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);margin-bottom:.25rem;padding-left:.5rem;font-size:.68rem;font-weight:700}.mobile-nav-item{color:#ffffffd9;cursor:pointer!important;box-sizing:border-box!important;border-radius:10px!important;align-items:center!important;gap:.85rem!important;width:100%!important;padding:.65rem .75rem!important;font-size:.875rem!important;font-weight:500!important;text-decoration:none!important;transition:all .2s!important;display:flex!important}.mobile-nav-item-icon{flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:22px!important;height:22px!important;display:flex!important}.mobile-nav-item-text{white-space:nowrap!important;text-overflow:ellipsis!important;min-width:0!important;color:inherit!important;flex:1!important;overflow:hidden!important}.mobile-nav-item-badge{background:var(--primary)!important;color:#fff!important;border-radius:9999px!important;flex-shrink:0!important;margin-left:auto!important;padding:.15rem .55rem!important;font-size:.72rem!important;font-weight:800!important;line-height:1.2!important}.mobile-nav-item:hover,.mobile-nav-item.active{background:#f973161f;color:var(--primary)!important}.page-wrapper.light .mobile-drawer-container,.light .mobile-drawer-container{color:#0f172a!important;background:#fff!important}.page-wrapper.light .mobile-nav-item,.light .mobile-nav-item,.page-wrapper.light .mobile-nav-item .mobile-nav-item-text,.light .mobile-nav-item .mobile-nav-item-text{color:#334155!important}.page-wrapper.light .mobile-nav-item:hover,.page-wrapper.light .mobile-nav-item.active,.light .mobile-nav-item:hover,.light .mobile-nav-item.active{color:var(--primary)!important;background:#f973161a!important}.page-wrapper.light .mobile-nav-item:hover .mobile-nav-item-text,.page-wrapper.light .mobile-nav-item.active .mobile-nav-item-text,.light .mobile-nav-item:hover .mobile-nav-item-text,.light .mobile-nav-item.active .mobile-nav-item-text{color:var(--primary)!important}.mobile-subnav-item{color:#ffffffbf;border-radius:6px;font-size:.8rem;text-decoration:none;transition:all .2s;white-space:normal!important;width:100%!important;padding:.45rem .6rem!important;display:block!important}.mobile-subnav-item:hover{color:#fff;background:#ffffff0f}.page-wrapper.light .mobile-subnav-item,.light .mobile-subnav-item{color:#475569}.page-wrapper.light .mobile-subnav-item:hover,.light .mobile-subnav-item:hover{color:#0f172a;background:#0000000a}.mobile-drawer-footer{border-top:1px solid #ffffff14;padding:1rem}.page-wrapper.light .mobile-drawer-footer,.light .mobile-drawer-footer{border-top-color:#00000014}.mobile-logout-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.mobile-logout-btn:hover{background:#ef444433}
