@font-face{font-family:IranSans;src:url(/fonts/WebFonts/fonts/eot/IRANSansWeb.eot);src:url(/fonts/WebFonts/fonts/eot/IRANSansWeb.eot?#iefix)format("embedded-opentype"),url(/fonts/WebFonts/fonts/woff2/IRANSansWeb.woff2)format("woff2"),url(/fonts/WebFonts/fonts/woff/IRANSansWeb.woff)format("woff"),url(/fonts/WebFonts/fonts/ttf/IRANSansWeb.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IranSans;src:url(/fonts/WebFonts/fonts/eot/IRANSansWeb_Bold.eot);src:url(/fonts/WebFonts/fonts/eot/IRANSansWeb_Bold.eot?#iefix)format("embedded-opentype"),url(/fonts/WebFonts/fonts/woff2/IRANSansWeb_Bold.woff2)format("woff2"),url(/fonts/WebFonts/fonts/woff/IRANSansWeb_Bold.woff)format("woff"),url(/fonts/WebFonts/fonts/ttf/IRANSansWeb_Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}
.bubble-container{pointer-events:auto;z-index:5;opacity:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.bubble{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);cursor:pointer;z-index:10;will-change:transform,opacity;background:#fff9;border:3px solid #fffc;transition:transform .3s,opacity .3s,background .3s,box-shadow .3s,border-radius .3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;box-shadow:0 0 25px #ffffffb3,inset 0 0 20px #ffffff80}.bubble.circle{border-radius:50%}.bubble.square{border-radius:10%}.bubble.rounded-square{border-radius:20%}.bubble:hover{z-index:20;filter:brightness(1.2);border:1px solid #fffc;transition:all .3s;animation-play-state:paused;transform:scale(1.5)translateY(-5px);box-shadow:0 0 20px #fffc,inset 0 0 12px #fff9;background:#ffffff80!important}.bubble:after{content:"";filter:blur(3px);transition:opacity .3s,border-radius .3s;position:absolute;inset:0}.bubble.circle:after{background:radial-gradient(circle at 30% 30%,#fff9,#0000 70%);border-radius:50%}.bubble.square:after{background:linear-gradient(135deg,#fff9 0%,#0000 70%);border-radius:10%}.bubble.rounded-square:after{background:radial-gradient(at 30% 30%,#fff9,#0000 70%);border-radius:20%}.bubble:hover:after{opacity:.9}.dark .bubble{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff14;border:1px solid #ffffff26;box-shadow:0 0 15px #ffffff1a,inset 0 0 10px #ffffff0d}.dark .bubble:hover{background:#ffffff26;border:1px solid #ffffff4d;box-shadow:0 0 20px #fff3,inset 0 0 15px #ffffff1a}.bubble.shine-1{--mid-opacity:.7;--end-opacity:.2;--start-opacity:.9;background:#ffffff59;border:1px solid #fff9;box-shadow:0 0 20px #ffffff80,inset 0 0 15px #fff6}.bubble.shine-2{--mid-opacity:.6;--end-opacity:.1;--start-opacity:1;background:#fff6;border:1px solid #ffffffa6;box-shadow:0 0 25px #ffffff8c,inset 0 0 18px #ffffff73}.bubble.shine-3{--mid-opacity:.5;--end-opacity:0;--start-opacity:.95;background:#ffffff73;border:1px solid #ffffffb3;box-shadow:0 0 30px #fff9,inset 0 0 20px #ffffff80}.dark .bubble.shine-1{background:#ffffff1a;border-color:#fff3;box-shadow:0 0 15px #ffffff26,inset 0 0 10px #ffffff14}.dark .bubble.shine-2{background:#ffffff12;border-color:#ffffff26;box-shadow:0 0 15px #ffffff1a,inset 0 0 10px #ffffff0d}.dark .bubble.shine-3{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 0 15px #ffffff14,inset 0 0 10px #ffffff08}@keyframes float-up{0%{opacity:.9;transform:translateY(0)translate(0)rotate(0)}5%{opacity:1}20%{transform:translateY(-20vh)translateX(calc(var(--section-width)*.15))rotate(calc(var(--rotate)*.2));opacity:1}40%{transform:translateY(-40vh)translateX(calc(var(--section-width)*.3))rotate(calc(var(--rotate)*.4));opacity:.95}50%{transform:translateY(-50vh)translateX(calc(var(--section-width)*.4))rotate(calc(var(--rotate)*.6));opacity:.9}70%{transform:translateY(-70vh)translateX(calc(var(--section-width)*.6))rotate(calc(var(--rotate)*.8));opacity:.85}85%{transform:translateY(-85vh)translateX(calc(var(--section-width)*.7))rotate(calc(var(--rotate)*.9));opacity:.7}to{transform:translateY(-100vh)translateX(calc(var(--section-width)*.8))rotate(var(--rotate));opacity:.2}}@keyframes wobble{0%,to{transform:translate(0)}33%{transform:translateX(var(--wobble-distance,5px))}66%{transform:translateX(calc(var(--wobble-distance,5px)*-1))}}@keyframes pop{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.5)}to{opacity:0;transform:scale(0)}}
.enhanced-bubbles-container{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}@keyframes pulse{0%{opacity:.6;transform:scale(1)}to{opacity:.9;transform:scale(1.2)}}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}.enhanced-bubbles-container svg circle{filter:drop-shadow(0 0 5px #ffffffe6);will-change:transform,opacity}.enhanced-bubbles-container>div:not(.enhanced-bubbles-container){will-change:transform,opacity;background-color:#ffffffb3;border:2px solid #fff;border-radius:50%;box-shadow:0 0 20px #fffc,inset 0 0 10px #ffffff80}
.simple-bubble-container{z-index:-1!important;pointer-events:none!important;width:100%!important;height:100%!important;position:fixed!important;top:0!important;left:0!important;overflow:visible!important}.simple-bubble{z-index:-1!important;pointer-events:none!important;border:3px solid #fff!important;border-radius:50%!important;position:absolute!important;box-shadow:0 0 30px #fff!important}
.bubble-controller{z-index:99999;font-family:Arial,sans-serif;position:fixed;bottom:20px;right:20px}.controller-toggle{color:#fff;cursor:pointer;background-color:#8b5cf6;border:none;border-radius:8px;padding:10px 15px;font-size:14px;transition:all .3s;box-shadow:0 4px 6px #0000001a}.controller-toggle:hover{background-color:#7c3aed;transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.controller-panel{color:#fff;background-color:#0f0721f2;border:2px solid #8b5cf6;border-radius:12px;width:250px;padding:15px;position:absolute;bottom:50px;right:0;box-shadow:0 8px 16px #0003}.controller-panel h3{text-align:center;color:#8b5cf6;border-bottom:1px solid #8b5cf6;margin-top:0;margin-bottom:15px;padding-bottom:8px;font-size:16px}.control-group{margin-bottom:12px}.control-group label{cursor:pointer;align-items:center;font-size:14px;display:flex}.control-group input[type=checkbox]{cursor:pointer;accent-color:#8b5cf6;width:16px;height:16px;margin-right:10px}.control-group input[type=range]{accent-color:#8b5cf6;cursor:pointer;width:100%;margin-top:8px}
:root{--nav-bg-light:#4558be;--nav-bg-dark:#190b3e;--nav-border-light:#4558be4d;--nav-border-dark:#190b3e4d;--categories-bg-light:#8693d6;--categories-bg-dark:#2f1b6e;--categories-border-light:#8693d64d;--categories-border-dark:#2f1b6e4d;--subcategory-bg-light:#8693d6e6;--subcategory-bg-dark:#2f1b6ee6;--subcategory-border-light:#8693d680;--subcategory-border-dark:#2f1b6e80;--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:#60a5fa;--primary-dark:#1d4ed8;--primary-transparent-5:#3b82f60d;--primary-transparent-10:#3b82f61a;--primary-transparent-20:#3b82f633;--primary-transparent-30:#3b82f64d;--primary-transparent-50:#3b82f680;--primary-transparent-70:#3b82f6b3;--bg-light:#f0f0f2;--bg-light-card:#e2e4e6;--bg-light-hover:#fff;--bg-dark:#1a0b3e;--bg-dark-deeper:#0f0721;--bg-dark-card:#1a0b3e;--bg-dark-hover:#1f1642;--bg-dark-hover-subtle:#251463;--text-light-primary:#09090a;--text-light-secondary:#6b7280;--text-light-muted:#9ca3af;--text-dark-primary:#fff;--text-dark-secondary:#d1d5db;--text-dark-muted:#9ca3af;--border-light:#3b82f64d;--border-light-hover:#3b82f6b3;--border-dark:#3b82f633;--border-dark-hover:#3b82f699;--border-dark-subtle:#ffffff4d;--border-dark-subtle-hover:#ffffffb3;--shadow-light:#0000001a;--shadow-light-hover:#0003;--shadow-dark:#3b82f633;--shadow-dark-hover:#3b82f64d;--shadow-dark-subtle:#3b82f61a;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--theme-primary:var(--primary);--theme-primary-hover:var(--primary-hover);--theme-primary-light:var(--primary-light);--theme-primary-dark:var(--primary-dark);--theme-text-primary:var(--text-light-primary);--theme-text-secondary:var(--text-light-secondary);--theme-text-muted:var(--text-light-muted);--theme-bg:var(--bg-light);--theme-bg-card:var(--bg-light-card);--theme-bg-hover:var(--bg-light-hover);--theme-border:var(--border-light);--theme-border-hover:var(--border-light-hover);--theme-shadow:var(--shadow-light);--theme-shadow-hover:var(--shadow-light-hover);--nav-bg:var(--nav-bg-light);--nav-border:var(--nav-border-light);--categories-bg:var(--categories-bg-light);--categories-border:var(--categories-border-light);--subcategory-bg:var(--subcategory-bg-light);--subcategory-border:var(--subcategory-border-light);--bg:var(--bg-light);--bg-card:var(--bg-light-card);--bg-hover:var(--bg-light-hover);--text-primary:var(--text-light-primary);--text-secondary:var(--text-light-secondary);--text-muted:var(--text-light-muted);--border:var(--border-light);--border-hover:var(--border-light-hover);--shadow:var(--shadow-light);--shadow-hover:var(--shadow-light-hover)}.dark{--nav-bg:var(--nav-bg-dark);--nav-border:var(--nav-border-dark);--categories-bg:var(--categories-bg-dark);--categories-border:var(--categories-border-dark);--subcategory-bg:var(--subcategory-bg-dark);--subcategory-border:var(--subcategory-border-dark);--bg:var(--bg-dark);--bg-card:var(--bg-dark-card);--bg-hover:var(--bg-dark-hover);--text-primary:var(--text-dark-primary);--text-secondary:var(--text-dark-secondary);--text-muted:var(--text-dark-muted);--border:var(--border-dark);--border-hover:var(--border-dark-hover);--shadow:var(--shadow-dark);--shadow-hover:var(--shadow-dark-hover);--theme-primary:var(--primary);--theme-primary-hover:var(--primary-hover);--theme-primary-light:var(--primary-light);--theme-primary-dark:var(--primary-dark);--theme-text-primary:var(--text-dark-primary);--theme-text-secondary:var(--text-dark-secondary);--theme-text-muted:var(--text-dark-muted);--theme-bg:var(--bg-dark);--theme-bg-card:var(--bg-dark-card);--theme-bg-hover:var(--bg-dark-hover);--theme-border:var(--border-dark);--theme-border-hover:var(--border-dark-hover);--theme-shadow:var(--shadow-dark);--theme-shadow-hover:var(--shadow-dark-hover)}
:root{--nav-user-menu-dropdown-width:180px;--nav-user-menu-dropdown-padding:0;--nav-user-menu-dropdown-radius:1.25rem}
.decorative-line{background:linear-gradient(to right,var(--primary)0%,var(--primary-light)20%,var(--primary)40%,var(--primary-dark)60%,var(--primary-light)80%,var(--primary)100%);z-index:10;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,10px 100%);background-size:200% 100%;border-radius:1px;width:100%;height:3px;animation:3s linear infinite shimmer;position:absolute;bottom:-2px;left:0}@keyframes shimmer{0%{background-position:0 0}to{background-position:200% 0}}.decorative-line:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff9 50%,#0000 100%);width:100%;height:100%;animation:3s infinite shine;position:absolute;top:0;left:0;transform:translate(-100%)}@keyframes shine{0%{transform:translate(-100%)}20%{transform:translate(100%)}to{transform:translate(100%)}}.decorative-line-glow{width:100%;height:3px;box-shadow:0 0 5px var(--primary),0 0 10px var(--primary),0 0 15px var(--primary-light);opacity:.7;z-index:9;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,10px 100%);border-radius:1px;animation:4s ease-in-out infinite pulse;position:absolute;bottom:-2px;left:0}@keyframes pulse{0%,to{opacity:.7;box-shadow:0 0 5px var(--primary),0 0 10px var(--primary),0 0 15px var(--primary-light)}50%{opacity:.9;box-shadow:0 0 8px var(--primary),0 0 15px var(--primary),0 0 20px var(--primary-light)}}
.optimized-bubbles-container{z-index:-1;pointer-events:none;backface-visibility:hidden;perspective:1000px;width:100%;height:100%;animation-play-state:running;position:fixed;top:0;left:0;overflow:hidden}.interactive-bubble{pointer-events:none;transition:transform .2s ease-in-out}.interactive-bubble:hover{transform:scale(1.1)}.welcome-section-bubbles{pointer-events:none;z-index:-1;width:100%;position:absolute;overflow:hidden}@keyframes float-up{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:var(--bubble-opacity,.9)}25%{transform:translateY(-25vh)translateX(calc(var(--random-x,.5)*5vw));opacity:var(--bubble-opacity,.9)}50%{transform:translateY(-50vh)translateX(calc(var(--random-x,.5)*10vw));opacity:var(--bubble-opacity,.8)}75%{transform:translateY(-75vh)translateX(calc(var(--random-x,.5)*15vw));opacity:var(--bubble-opacity,.6)}to{transform:translateY(-120vh)translateX(calc(var(--random-x,.5)*20vw));opacity:0}}@keyframes burst{0%{opacity:var(--bubble-opacity,.7);transform:scale(1)}50%{opacity:var(--bubble-opacity,.5);transform:scale(1.5)}to{opacity:0;transform:scale(0)}}@keyframes wobble{0%{transform:translate(0)rotate(0)}20%{transform:translate(-8px)rotate(-8deg)}40%{transform:translate(8px)rotate(8deg)}60%{transform:translate(-8px)rotate(-8deg)}80%{transform:translate(8px)rotate(8deg)}to{transform:translate(0)rotate(0)}}@keyframes pop{0%{opacity:0;transform:scale(.8)}50%{opacity:var(--bubble-opacity,.7);transform:scale(1.1)}to{opacity:var(--bubble-opacity,.7);transform:scale(1)}}@keyframes pulse{0%{opacity:var(--bubble-opacity,.8);transform:scale(1)}25%{opacity:calc(var(--bubble-opacity,.8)*1.1);transform:scale(1.05)}50%{opacity:calc(var(--bubble-opacity,.8)*1.3);transform:scale(1.2)}75%{opacity:calc(var(--bubble-opacity,.8)*1.1);transform:scale(1.05)}to{opacity:var(--bubble-opacity,.8);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.optimized-bubbles-container>div{transition:none!important;animation:none!important}}
.bubble-count-control{z-index:50;position:fixed;bottom:20px;right:20px}.control-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f0721cc;border:2px solid #8b5cf6;border-radius:8px;padding:12px;box-shadow:0 4px 12px #0000004d}.control-panel label{color:#fff;flex-direction:column;gap:8px;font-size:14px;font-weight:500;display:flex}.control-panel input[type=range]{appearance:none;background:#8b5cf64d;border-radius:3px;outline:none;width:200px;height:6px;margin-top:8px}.control-panel input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#8b5cf6;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 5px #8b5cf680}.control-panel input[type=range]::-moz-range-thumb{cursor:pointer;background:#8b5cf6;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 5px #8b5cf680}@media (max-width:768px){.control-panel input[type=range]{width:150px}}
:root{--dashboard-header-height:3.5rem;--dashboard-top-offset:4.875rem;--dashboard-content-padding:1rem;--dashboard-content-box-padding:1rem;--dashboard-sidebar-width:240px;--dashboard-gap:1rem;--dashboard-bottom-margin:1rem;--dashboard-z-header:50;--dashboard-z-sidebar:30;--dashboard-z-content:10;--dashboard-z-overlay:20;--dashboard-border-radius:1rem;--dashboard-border-radius-lg:1.5rem;--dashboard-border-radius-sm:.5rem;--dashboard-font-size-xs:.75rem;--dashboard-font-size-sm:.875rem;--dashboard-font-size-base:1rem;--dashboard-font-size-lg:1.125rem;--dashboard-font-size-xl:1.25rem;--dashboard-font-size-2xl:1.5rem;--dashboard-space-1:.25rem;--dashboard-space-2:.5rem;--dashboard-space-3:.75rem;--dashboard-space-4:1rem;--dashboard-space-5:1.25rem;--dashboard-space-6:1.5rem;--dashboard-space-8:2rem;--dashboard-space-10:2.5rem;--dashboard-space-12:3rem;--dashboard-transition-fast:.15s;--dashboard-transition-normal:.3s;--dashboard-transition-slow:.5s}@media (min-width:640px){:root{--dashboard-content-padding:1.5rem;--dashboard-gap:1.5rem}}@media (min-width:1024px){:root{--dashboard-content-padding:2rem;--dashboard-gap:2rem}}@media (min-width:1280px){:root{--dashboard-sidebar-width:280px}}
:root{--dashboard-bg-page-light:#c4c6c9;--dashboard-bg-page-dark:#1a0b3e;--dashboard-bg-content-light:#e2e4e6;--dashboard-bg-content-dark:#2f1b6e;--dashboard-bg-active-light:#a4c7eb;--dashboard-bg-active-dark:#aa02bd;--dashboard-bg-hover-light:#f3f4f6;--dashboard-bg-hover-dark:#4f3b8e;--dashboard-bg-accent-light:#8b5cf61a;--dashboard-bg-accent-dark:#8b5cf633;--dashboard-bg-success-light:#10b9811a;--dashboard-bg-success-dark:#10b98133;--dashboard-bg-warning-light:#f59e0b1a;--dashboard-bg-warning-dark:#f59e0b33;--dashboard-bg-error-light:#ef44441a;--dashboard-bg-error-dark:#ef444433;--dashboard-bg-info-light:#3b82f61a;--dashboard-bg-info-dark:#3b82f633;--dashboard-border-primary:#8b5cf6;--dashboard-border-secondary:#3a4aa3;--dashboard-border-header:#3a4aa3;--dashboard-border-light:#8b5cf64d;--dashboard-border-success:#10b981;--dashboard-border-warning:#f59e0b;--dashboard-border-error:#ef4444;--dashboard-border-info:#3b82f6;--dashboard-text-primary-light:#374151;--dashboard-text-primary-dark:#e5e7eb;--dashboard-text-secondary-light:#6b7280;--dashboard-text-secondary-dark:#9ca3af;--dashboard-text-accent-light:#8b5cf6;--dashboard-text-accent-dark:#a78bfa;--dashboard-text-success:#10b981;--dashboard-text-warning:#f59e0b;--dashboard-text-error:#ef4444;--dashboard-text-info:#3b82f6;--dashboard-shadow-default:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--dashboard-shadow-hover:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--dashboard-shadow-inner:inset 0 0 12px #8b5cf633;--dashboard-shadow-inner-hover:inset 0 0 16px #8b5cf64d;--dashboard-shadow-sm:0 1px 2px 0 #0000000d;--dashboard-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--dashboard-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--dashboard-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--dashboard-shadow-2xl:0 25px 50px -12px #00000040;--dashboard-focus-ring:0 0 0 3px #8b5cf680;--dashboard-focus-ring-success:0 0 0 3px #10b98180;--dashboard-focus-ring-warning:0 0 0 3px #f59e0b80;--dashboard-focus-ring-error:0 0 0 3px #ef444480;--dashboard-focus-ring-info:0 0 0 3px #3b82f680}.light-mode{--dashboard-bg-page:var(--dashboard-bg-page-light);--dashboard-bg-content:var(--dashboard-bg-content-light);--dashboard-bg-active:var(--dashboard-bg-active-light);--dashboard-bg-hover:var(--dashboard-bg-hover-light);--dashboard-bg-accent:var(--dashboard-bg-accent-light);--dashboard-bg-success:var(--dashboard-bg-success-light);--dashboard-bg-warning:var(--dashboard-bg-warning-light);--dashboard-bg-error:var(--dashboard-bg-error-light);--dashboard-bg-info:var(--dashboard-bg-info-light);--dashboard-text-primary:var(--dashboard-text-primary-light);--dashboard-text-secondary:var(--dashboard-text-secondary-light);--dashboard-text-accent:var(--dashboard-text-accent-light)}.dark-mode,.dark{--dashboard-bg-page:var(--dashboard-bg-page-dark);--dashboard-bg-content:var(--dashboard-bg-content-dark);--dashboard-bg-active:var(--dashboard-bg-active-dark);--dashboard-bg-hover:var(--dashboard-bg-hover-dark);--dashboard-bg-accent:var(--dashboard-bg-accent-dark);--dashboard-bg-success:var(--dashboard-bg-success-dark);--dashboard-bg-warning:var(--dashboard-bg-warning-dark);--dashboard-bg-error:var(--dashboard-bg-error-dark);--dashboard-bg-info:var(--dashboard-bg-info-dark);--dashboard-text-primary:var(--dashboard-text-primary-dark);--dashboard-text-secondary:var(--dashboard-text-secondary-dark);--dashboard-text-accent:var(--dashboard-text-accent-dark)}:root:not(.dark-mode):not(.dark){--dashboard-bg-page:var(--dashboard-bg-page-light);--dashboard-bg-content:var(--dashboard-bg-content-light);--dashboard-bg-active:var(--dashboard-bg-active-light);--dashboard-bg-hover:var(--dashboard-bg-hover-light);--dashboard-bg-accent:var(--dashboard-bg-accent-light);--dashboard-bg-success:var(--dashboard-bg-success-light);--dashboard-bg-warning:var(--dashboard-bg-warning-light);--dashboard-bg-error:var(--dashboard-bg-error-light);--dashboard-bg-info:var(--dashboard-bg-info-light);--dashboard-text-primary:var(--dashboard-text-primary-light);--dashboard-text-secondary:var(--dashboard-text-secondary-light);--dashboard-text-accent:var(--dashboard-text-accent-light)}
.dashboard{background-color:var(--dashboard-bg-page);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.dashboard__content-wrapper{flex:1;position:relative}.dashboard__menu-button{left:.5rem;top:var(--dashboard-header-height);z-index:calc(var(--dashboard-z-sidebar) + 5);background-color:var(--dashboard-bg-content);border-radius:var(--dashboard-border-radius-sm);box-shadow:var(--dashboard-shadow-default);border:2px solid var(--dashboard-border-primary);justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex;position:fixed}.dashboard__menu-button:hover{background-color:var(--dashboard-bg-hover)}.dashboard__menu-button:focus{box-shadow:0 0 0 2px var(--dashboard-border-primary);outline:none}.dashboard__sidebar{left:16px;top:calc(var(--dashboard-header-height) + 14px);width:var(--dashboard-sidebar-width);background-color:var(--dashboard-bg-content);border-radius:var(--dashboard-border-radius);box-shadow:var(--dashboard-shadow-default);border:2px solid var(--dashboard-border-primary);scrollbar-width:thin;scrollbar-color:#8b5cf680 transparent;z-index:var(--dashboard-z-sidebar);transition:transform .3s;position:fixed;overflow-y:auto}.dashboard__sidebar::-webkit-scrollbar{width:6px}.dashboard__sidebar::-webkit-scrollbar-track{background:0 0}.dashboard__sidebar::-webkit-scrollbar-thumb{background-color:#8b5cf680;border-radius:20px}.dashboard__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--dashboard-z-overlay);background-color:#00000080;position:fixed;inset:0}.dashboard__content{top:calc(var(--dashboard-top-offset) + 2rem);right:var(--dashboard-content-padding);left:var(--dashboard-content-padding);will-change:transform;-webkit-overflow-scrolling:touch;border-radius:var(--dashboard-border-radius);min-height:calc(100vh - var(--dashboard-top-offset) - 4rem);z-index:var(--dashboard-z-content);margin:0;padding:0 0 2rem;position:absolute;overflow-y:auto;transform:translateZ(0)}@media (min-width:1024px){.dashboard__menu-button{display:none}.dashboard__sidebar{transform:translate(0)!important}.dashboard__content{left:calc(var(--dashboard-sidebar-width) + var(--dashboard-content-padding) + var(--dashboard-gap))!important}}@media (max-width:1023px){.dashboard__sidebar{transform:translate(-100%)}.dashboard__sidebar--open{transform:translate(0)}}
.content-box{background-color:var(--dashboard-bg-content);border-radius:var(--dashboard-border-radius);padding:var(--dashboard-content-box-padding);margin-bottom:16px;transition:transform .2s,box-shadow .2s}.content-box--with-border{border:2px solid var(--dashboard-border-primary)}.content-box--with-shadow{box-shadow:var(--dashboard-shadow-default)}.content-box:hover.content-box--with-shadow{box-shadow:var(--dashboard-shadow-hover)}.content-box__title{color:var(--dashboard-text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:600}@media (max-width:768px){.content-box{padding:calc(var(--dashboard-content-box-padding)*.75)}.content-box__title{font-size:1.125rem}}
.activity-dashboard{flex-direction:column;gap:1.5rem;display:flex}.activity-dashboard__stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.activity-dashboard__stat-card{background-color:var(--dashboard-bg-content);border-radius:var(--dashboard-border-radius);border:2px solid var(--dashboard-border-primary);box-shadow:var(--dashboard-shadow-default);padding:1.25rem;transition:transform .2s}.activity-dashboard__stat-card:hover{box-shadow:var(--dashboard-shadow-hover);transform:translateY(-2px)}.activity-dashboard__stat-title{color:var(--dashboard-text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500}.activity-dashboard__stat-value{color:var(--dashboard-text-primary);font-size:1.5rem;font-weight:700}.activity-dashboard__chart{margin-top:1rem;margin-bottom:2rem}.activity-dashboard__chart-title{color:var(--dashboard-text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.activity-dashboard__actions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem;display:grid}.activity-dashboard__action-button{color:var(--dashboard-text-accent);border-radius:var(--dashboard-border-radius-sm);text-align:center;background-color:#8b5cf61a;padding:.75rem 1rem;font-weight:500;transition:background-color .2s,transform .2s}.activity-dashboard__action-button:hover{background-color:#8b5cf633;transform:translateY(-2px)}.activity-dashboard__user-management{margin-top:2rem}.activity-dashboard__user-table{border-collapse:separate;border-spacing:0;width:100%;margin-top:1rem}.activity-dashboard__user-table th{text-transform:uppercase;text-align:left;color:var(--dashboard-text-primary);background-color:#8b5cf61a;padding:.75rem 1.5rem;font-size:.75rem;font-weight:600}.activity-dashboard__user-table td{color:var(--dashboard-text-primary);border-bottom:1px solid #8b5cf61a;padding:1rem 1.5rem;font-size:.875rem}.activity-dashboard__user-table tbody tr:hover{background-color:#8b5cf60d}.activity-dashboard__user-avatar{background-color:var(--dashboard-bg-active);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:600;display:flex}.activity-dashboard__user-status{color:#10b981;background-color:#10b9811a;border-radius:9999px;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.activity-dashboard__user-status--offline{color:#ef4444;background-color:#ef44441a}@media (max-width:768px){.activity-dashboard__stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.activity-dashboard__user-table th,.activity-dashboard__user-table td{padding:.75rem .5rem}.activity-dashboard__user-table th:nth-child(4),.activity-dashboard__user-table td:nth-child(4){display:none}}
.referral-dashboard{flex-direction:column;gap:1.5rem;display:flex}.referral-dashboard__header{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}@media (min-width:768px){.referral-dashboard__header{flex-direction:row;align-items:center}.referral-dashboard__header-content{flex:1}.referral-dashboard__illustration-container{flex:1;justify-content:center;display:flex}}.referral-dashboard__title{color:var(--dashboard-text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.referral-dashboard__subtitle{color:var(--dashboard-text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.referral-dashboard__illustration{-o-object-fit:contain;object-fit:contain;max-width:100%;height:auto;animation:3s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.referral-dashboard__link-section{margin-top:1rem;margin-bottom:2rem}.referral-dashboard__link-title{color:var(--dashboard-text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.referral-dashboard__link-container{gap:.5rem;margin-bottom:1rem;display:flex}.referral-dashboard__link-input{border-radius:var(--dashboard-border-radius-sm);color:var(--dashboard-text-primary);background-color:#8b5cf60d;border:2px solid #8b5cf64d;flex:1;padding:.75rem 1rem;font-size:.875rem}.referral-dashboard__copy-button{background-color:var(--dashboard-text-accent);color:#fff;border-radius:var(--dashboard-border-radius-sm);white-space:nowrap;padding:.75rem 1.5rem;font-weight:500;transition:background-color .2s,transform .2s}.referral-dashboard__copy-button:hover{background-color:#8b5cf6cc;transform:translateY(-2px)}.referral-dashboard__social-buttons{gap:.5rem;margin-top:1rem;display:flex}.referral-dashboard__social-button{width:2rem;height:2rem;color:var(--dashboard-text-accent);background-color:#8b5cf61a;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,transform .2s;display:flex}.referral-dashboard__social-button:hover{background-color:#8b5cf633;transform:translateY(-2px)}.referral-dashboard__activity{margin-top:2rem}.referral-dashboard__stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-top:1rem;margin-bottom:1.5rem;display:grid}.referral-dashboard__stat-card{border-radius:var(--dashboard-border-radius);text-align:center;background-color:#8b5cf61a;padding:1.25rem;transition:transform .2s}.referral-dashboard__stat-card:hover{background-color:#8b5cf626;transform:translateY(-2px)}.referral-dashboard__stat-value{color:var(--dashboard-text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.referral-dashboard__stat-label{color:var(--dashboard-text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:500}.referral-dashboard__table{border-collapse:separate;border-spacing:0;width:100%;margin-top:1rem}.referral-dashboard__table th{text-transform:uppercase;text-align:left;color:var(--dashboard-text-primary);background-color:#8b5cf61a;padding:.75rem 1.5rem;font-size:.75rem;font-weight:600}.referral-dashboard__table td{color:var(--dashboard-text-primary);border-bottom:1px solid #8b5cf61a;padding:1rem 1.5rem;font-size:.875rem}.referral-dashboard__table tbody tr:hover{background-color:#8b5cf60d}.referral-dashboard__terms{border-radius:var(--dashboard-border-radius);border-left:4px solid var(--dashboard-text-accent);background-color:#8b5cf60d;margin-top:2rem;padding:1.5rem}.referral-dashboard__terms-title{color:var(--dashboard-text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.referral-dashboard__terms-list{margin-top:1rem;padding-left:1.5rem;list-style-type:decimal}.referral-dashboard__terms-item{color:var(--dashboard-text-secondary);margin-bottom:.75rem;font-size:.875rem;line-height:1.5}@media (max-width:768px){.referral-dashboard__link-container{flex-direction:column}.referral-dashboard__stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.referral-dashboard__table th,.referral-dashboard__table td{padding:.75rem .5rem}.referral-dashboard__table th:nth-child(4),.referral-dashboard__table td:nth-child(4){display:none}}
.dashboard-content{margin-top:calc(var(--dashboard-header-height) + 14px);width:100%;z-index:var(--dashboard-z-content);margin-bottom:2rem;position:relative}@media (min-width:1024px){.dashboard-content{margin-left:calc(var(--dashboard-sidebar-width) + 16px + 16px);width:calc(100% - var(--dashboard-sidebar-width) - 16px - 16px - 16px);margin-right:16px}}
:root{--base-font-size:16px;--min-viewport-width:320px;--max-viewport-width:1920px;--fluid-space-min:.5;--fluid-space-max:1.5}html{font-size:var(--base-font-size)}@media screen and (min-width:320px){html{font-size:clamp(calc(var(--base-font-size)*.875),calc(var(--base-font-size) + .5vw),calc(var(--base-font-size)*1.25))}}.fluid-margin{margin:clamp(calc(var(--fluid-space-min)*1rem),calc(var(--fluid-space-min)*1rem + (var(--fluid-space-max) - var(--fluid-space-min))*((100vw - var(--min-viewport-width))/(var(--max-viewport-width) - var(--min-viewport-width)))),calc(var(--fluid-space-max)*1rem))}.fluid-padding{padding:clamp(calc(var(--fluid-space-min)*1rem),calc(var(--fluid-space-min)*1rem + (var(--fluid-space-max) - var(--fluid-space-min))*((100vw - var(--min-viewport-width))/(var(--max-viewport-width) - var(--min-viewport-width)))),calc(var(--fluid-space-max)*1rem))}.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem;display:grid}.responsive-grid-tight{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:.75rem;display:grid}.responsive-grid-wide{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:1.5rem;display:grid}.responsive-image{max-width:100%;height:auto;display:block}.responsive-image-contain{-o-object-fit:contain;object-fit:contain;max-width:100%;height:auto}.responsive-image-cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hide-on-mobile{display:none}@media (min-width:768px){.hide-on-mobile{display:initial}.show-on-mobile{display:none}}.flex-col-to-row{flex-direction:column;display:flex}@media (min-width:768px){.flex-col-to-row{flex-direction:row}}.text-center-mobile{text-align:center}@media (min-width:768px){.text-center-mobile{text-align:left}}
:focus{outline-offset:2px;outline:2px solid #8b5cf6}:focus:not(:focus-visible){outline:none}:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6}.skip-to-content{color:#fff;z-index:100;background:#8b5cf6;padding:8px;transition:top .2s;position:absolute;top:-40px;left:0}.skip-to-content:focus{top:0}.sr-only,.sr-only-focusable:not(:focus){clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-float{animation:none!important}}@media (forced-colors:active){.dashboard-border{border:2px solid canvastext!important}button,a{forced-color-adjust:none}}.keyboard-focus-indicator:focus{box-shadow:0 0 0 3px #8b5cf680}.text-accessible-on-dark{color:#f3f4f6!important}.text-accessible-on-light{color:#1f2937!important}.link-accessible{text-underline-offset:.2em;text-decoration:underline}.link-accessible:hover{text-decoration-thickness:2px}.form-label{margin-bottom:.5rem;font-weight:500;display:block}.form-input{border:2px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem}.form-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf64d}.form-error{color:#ef4444;margin-top:.25rem;font-size:.875rem}.button-accessible{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem 1rem;display:inline-flex}.table-accessible{border-collapse:separate;border-spacing:0;width:100%}.table-accessible th{text-align:left;border-bottom:2px solid #d1d5db;padding:.75rem;font-weight:600}.table-accessible td{border-bottom:1px solid #e5e7eb;padding:.75rem}.table-accessible caption{text-align:left;margin-bottom:.5rem;font-weight:600}.dialog-accessible{border-radius:.5rem;width:100%;max-width:28rem;margin:1.5rem auto;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dialog-accessible-title{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.dialog-accessible-close{border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:absolute;top:.75rem;right:.75rem}
.content-visibility-auto{content-visibility:auto;contain-intrinsic-size:0 500px}.optimize-offscreen{content-visibility:auto;contain-intrinsic-size:0 300px}.hardware-accelerated{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.will-animate:hover{will-change:transform}.will-animate:not(:hover){will-change:auto;transition:will-change .2s}.aspect-ratio-container{width:100%;height:0;position:relative}.aspect-ratio-16-9{padding-bottom:56.25%}.aspect-ratio-4-3{padding-bottom:75%}.aspect-ratio-1-1{padding-bottom:100%}.aspect-ratio-content{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.lazy-image{width:100%;height:auto;display:block}.lazy-image-placeholder{background-color:#e5e7eb;width:100%;height:0;padding-bottom:56.25%;position:relative}.optimize-fixed{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.optimize-animation{will-change:transform,opacity;animation-timing-function:cubic-bezier(.4,0,.2,1)}.optimize-text-rendering{text-rendering:optimizeSpeed}.optimize-layout-reads{contain:layout}.contain-paint{contain:paint}.contain-strict{contain:strict}.fixed-no-repaint{will-change:transform;backface-visibility:hidden;position:fixed;transform:translateZ(0)}.optimize-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth}.prevent-layout-shift{width:100%;height:auto;aspect-ratio:attr(width)/attr(height);display:block}.optimize-transition{will-change:transform,opacity;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.clip-animation-area{contain:paint;overflow:hidden}.prevent-foit{font-display:swap}.prevent-fout{font-display:block}.optimize-svg{shape-rendering:geometricPrecision}
.fixed-sidebar a,.fixed-sidebar button{z-index:45;position:relative;pointer-events:auto!important}body{min-height:100vh;overflow:hidden auto}.dashboard-mt-0{margin-top:0!important}.dashboard-mt-1{margin-top:var(--dashboard-space-1)!important}.dashboard-mt-2{margin-top:var(--dashboard-space-2)!important}.dashboard-mt-4{margin-top:var(--dashboard-space-4)!important}.dashboard-mt-6{margin-top:var(--dashboard-space-6)!important}.dashboard-mt-8{margin-top:var(--dashboard-space-8)!important}.dashboard-mb-0{margin-bottom:0!important}.dashboard-mb-1{margin-bottom:var(--dashboard-space-1)!important}.dashboard-mb-2{margin-bottom:var(--dashboard-space-2)!important}.dashboard-mb-4{margin-bottom:var(--dashboard-space-4)!important}.dashboard-mb-6{margin-bottom:var(--dashboard-space-6)!important}.dashboard-mb-8{margin-bottom:var(--dashboard-space-8)!important}.dashboard-p-0{padding:0!important}.dashboard-p-2{padding:var(--dashboard-space-2)!important}.dashboard-p-4{padding:var(--dashboard-space-4)!important}.dashboard-p-6{padding:var(--dashboard-space-6)!important}.dashboard-flex{display:flex!important}.dashboard-flex-col{flex-direction:column!important}.dashboard-items-center{align-items:center!important}.dashboard-justify-between{justify-content:space-between!important}.dashboard-gap-2{gap:var(--dashboard-space-2)!important}.dashboard-gap-4{gap:var(--dashboard-space-4)!important}.dashboard-gap-6{gap:var(--dashboard-space-6)!important}.dashboard-text-primary{color:var(--dashboard-text-primary)!important}.dashboard-text-secondary{color:var(--dashboard-text-secondary)!important}.dashboard-text-accent{color:var(--dashboard-text-accent)!important}.dashboard-text-success{color:var(--dashboard-text-success)!important}.dashboard-text-warning{color:var(--dashboard-text-warning)!important}.dashboard-text-error{color:var(--dashboard-text-error)!important}.dashboard-text-xs{font-size:var(--dashboard-font-size-xs)!important}.dashboard-text-sm{font-size:var(--dashboard-font-size-sm)!important}.dashboard-text-base{font-size:var(--dashboard-font-size-base)!important}.dashboard-text-lg{font-size:var(--dashboard-font-size-lg)!important}.dashboard-text-xl{font-size:var(--dashboard-font-size-xl)!important}.dashboard-text-2xl{font-size:var(--dashboard-font-size-2xl)!important}.dashboard-bg-content{background-color:var(--dashboard-bg-content)!important}.dashboard-bg-accent{background-color:var(--dashboard-bg-accent)!important}.dashboard-bg-success{background-color:var(--dashboard-bg-success)!important}.dashboard-bg-warning{background-color:var(--dashboard-bg-warning)!important}.dashboard-bg-error{background-color:var(--dashboard-bg-error)!important}.dashboard-rounded{border-radius:var(--dashboard-border-radius-sm)!important}.dashboard-rounded-md{border-radius:var(--dashboard-border-radius)!important}.dashboard-rounded-lg{border-radius:var(--dashboard-border-radius-lg)!important}.dashboard-border{border:2px solid var(--dashboard-border-primary)!important}.dashboard-border-light{border:2px solid var(--dashboard-border-light)!important}.dashboard-shadow-sm{box-shadow:var(--dashboard-shadow-sm)!important}.dashboard-shadow{box-shadow:var(--dashboard-shadow-md)!important}.dashboard-shadow-lg{box-shadow:var(--dashboard-shadow-lg)!important}.dashboard-shadow-xl{box-shadow:var(--dashboard-shadow-xl)!important}.dashboard-transition{transition:all var(--dashboard-transition-normal)ease!important}.dashboard-transition-fast{transition:all var(--dashboard-transition-fast)ease!important}.dashboard-transition-slow{transition:all var(--dashboard-transition-slow)ease!important}.dashboard-focus-ring:focus{outline:none;box-shadow:var(--dashboard-focus-ring)!important}.dashboard-focus-ring-success:focus{outline:none;box-shadow:var(--dashboard-focus-ring-success)!important}.dashboard-focus-ring-warning:focus{outline:none;box-shadow:var(--dashboard-focus-ring-warning)!important}.dashboard-focus-ring-error:focus{outline:none;box-shadow:var(--dashboard-focus-ring-error)!important}@media (max-width:640px){.dashboard-hidden-sm{display:none!important}}@media (min-width:641px) and (max-width:1023px){.dashboard-hidden-md{display:none!important}}@media (min-width:1024px){.dashboard-hidden-lg{display:none!important}}
.nav-button{background-color:var(--primary-dark);border-color:var(--primary-transparent-50);color:#fff;z-index:1;position:relative;overflow:visible}.nav-button:before{content:"";background:radial-gradient(circle at center,var(--primary-transparent-30),transparent 70%);z-index:-1;opacity:.6;border-radius:50%;transition:opacity .3s;position:absolute;inset:0}.nav-button:after{content:"";z-index:-2;opacity:0;background:0 0;border-radius:50%;transition:all .3s;position:absolute;inset:-3px}.nav-button:hover:before{opacity:.8}.nav-button:hover:after{box-shadow:0 0 10px var(--primary-light),0 0 15px var(--primary);opacity:1}.nav-button:active{transform:scale(.92)}@keyframes badgePulse{0%,to{box-shadow:0 0 0 var(--error);transform:scale(1)}50%{box-shadow:0 0 6px var(--error);transform:scale(1.05)}}@keyframes badgeGlow{0%,to{box-shadow:0 0 3px var(--error),0 0 5px #ef444466}50%{box-shadow:0 0 5px var(--error),0 0 8px #ef444499}}.notification-badge{background-color:var(--error);letter-spacing:-.5px;z-index:10;border:1px solid #fffc;font-weight:700;animation:3s ease-in-out infinite badgePulse,2s ease-in-out infinite badgeGlow;transform:scale(1);box-shadow:0 0 5px #ef444499,0 0 8px #ef444466}.button-hover-effect{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.button-hover-effect:hover{background-color:var(--primary-hover);box-shadow:0 0 10px var(--primary-transparent-50),0 0 20px var(--primary-transparent-30);transform:translateY(-2px)}.button-hover-effect:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.button-hover-effect:hover:before{left:100%}@keyframes buttonGlow{0%,to{box-shadow:0 0 5px var(--primary-transparent-30),0 0 10px var(--primary-transparent-20)}50%{box-shadow:0 0 8px var(--primary-transparent-50),0 0 15px var(--primary-transparent-30)}}@keyframes subtle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.nav-button{animation:4s ease-in-out infinite buttonGlow,6s ease-in-out infinite subtle-pulse}
.dropdown-menu{transform-origin:100% 0;background-color:var(--bg-card,white);border:1px solid #d1d5db80;border-radius:1rem;animation:.2s forwards dropdown-appear;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes dropdown-appear{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.notification-item{color:var(--text-primary,#09090a);border-radius:1rem;transition:background-color .2s}.notification-item:hover{background-color:var(--bg-hover,#f3f4f6cc)}.notification-item p{color:var(--text-primary,#09090a)}.notification-item .text-gray-600{color:var(--text-secondary,#4b5563)!important}.user-menu-item{color:var(--text-primary,#09090a);transition:all .2s}.user-menu-item:hover{background-color:var(--bg-hover,#7c3aed1a);padding-left:1.25rem}.sign-out-button{color:#dc2626}.sign-out-button:hover{color:#dc2626;background-color:#ef44441a}.notification-indicator{position:relative}.notification-indicator:after{content:"";background-color:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;position:absolute;top:-2px;right:-2px}@keyframes pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}
.mobile-hamburger-button{color:#fff;cursor:pointer;z-index:60;background-color:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s ease-in-out;display:flex}.mobile-hamburger-button:hover{background-color:#fff3;transform:scale(1.05)}.mobile-hamburger-button:active{transform:scale(.95)}@media (min-width:1024px){.mobile-hamburger-button{display:none}}
@media (max-width:1023px){.mobile-menu-open{-webkit-overflow-scrolling:touch;height:100%!important;max-height:calc(100vh - 70px)!important;padding-bottom:100px!important;overflow-y:auto!important}.subcategory-container{-webkit-overflow-scrolling:touch;background:linear-gradient(#6366f1,#8b5cf6)!important;border-radius:.75rem!important;width:100%!important;max-height:250px!important;margin-top:.5rem!important;margin-left:0!important;padding:.75rem!important;position:relative!important;overflow-y:auto!important;box-shadow:0 10px 15px -3px #0000004d!important}.subcategory-container .grid,.subcategory-container div[class*=grid]{flex-direction:column!important;gap:.5rem!important;width:100%!important;display:flex!important}body.mobile-menu-active{overflow:hidden}.subcategory-container a{color:#fff!important;border-radius:.5rem!important;align-items:center!important;width:100%!important;padding:.75rem 1rem!important;font-size:.95rem!important;transition:background-color .2s!important;display:flex!important}.subcategory-container a:hover{background-color:#fff3!important}.subcategory-container a span{margin-right:.5rem!important}}