:root{--dropdown-bg: #ffffff;--dropdown-border: rgba(228, 235, 241, .8);--dropdown-shadow: 0 12px 40px -8px rgba(15, 23, 42, .15);--dropdown-item-text: #334155;--dropdown-item-hover-bg: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--dropdown-item-hover-text: #0f172a;--dropdown-item-active-bg: linear-gradient(135deg, #fce7f3 0%, #fdf2f8 100%);--dropdown-item-active-text: #be185d;--dropdown-item-active-border: #ec4899;--dropdown-divider: rgba(228, 235, 241, .6);--dropdown-glass-blur: 16px;--mega-menu-bg: rgba(255, 255, 255, .98);--mega-menu-heading: #111827;--mega-menu-link: #4b5563;--mega-menu-link-hover: #ec4899;--internal-card-bg: #ffffff;--internal-card-shadow: 0 8px 24px rgba(15, 23, 42, .08);--internal-card-hover-shadow: 0 16px 40px rgba(15, 23, 42, .16);--internal-card-text: #0f172a;--internal-card-text-hover: #ec4899;--preview-bar-bg: linear-gradient(90deg, #fee2e2, #f9a8d4, #e5e7eb);--preview-bar-text: #111827;--preview-dot: #ec4899}.dark-mode{--dropdown-bg: rgba(17, 24, 39, .95);--dropdown-border: rgba(55, 65, 81, .6);--dropdown-shadow: 0 12px 40px -8px rgba(0, 0, 0, .5);--dropdown-item-text: #e5e7eb;--dropdown-item-hover-bg: linear-gradient(135deg, rgba(75, 85, 99, .4) 0%, rgba(55, 65, 81, .5) 100%);--dropdown-item-hover-text: #ffffff;--dropdown-item-active-bg: linear-gradient(135deg, rgba(236, 72, 153, .2) 0%, rgba(190, 24, 93, .15) 100%);--dropdown-item-active-text: #f9a8d4;--dropdown-item-active-border: #ec4899;--dropdown-divider: rgba(75, 85, 99, .4);--dropdown-glass-blur: 20px;--mega-menu-bg: rgba(17, 24, 39, .98);--mega-menu-heading: #f9fafb;--mega-menu-link: #d1d5db;--mega-menu-link-hover: #f9a8d4;--internal-card-bg: rgba(31, 41, 55, .9);--internal-card-shadow: 0 8px 24px rgba(0, 0, 0, .3);--internal-card-hover-shadow: 0 16px 40px rgba(0, 0, 0, .5);--internal-card-text: #f3f4f6;--internal-card-text-hover: #f9a8d4;--preview-bar-bg: linear-gradient(90deg, rgba(236, 72, 153, .3), rgba(139, 92, 246, .3), rgba(55, 65, 81, .5));--preview-bar-text: #f3f4f6;--preview-dot: #f472b6}.flag-dropdown .dropdown-menu{background:var(--dropdown-bg);backdrop-filter:blur(var(--dropdown-glass-blur));-webkit-backdrop-filter:blur(var(--dropdown-glass-blur));border:1px solid var(--dropdown-border);border-radius:16px;box-shadow:var(--dropdown-shadow);padding:8px;min-width:160px;overflow:hidden;animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.flag-dropdown .dropdown-menu .dropdown-item{color:var(--dropdown-item-text);padding:10px 14px;border-radius:10px;font-weight:500;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden}.flag-dropdown .dropdown-menu .dropdown-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--dropdown-item-hover-bg);opacity:0;transition:opacity .2s ease;z-index:-1}.flag-dropdown .dropdown-menu .dropdown-item:hover:before{opacity:1}.flag-dropdown .dropdown-menu .dropdown-item:hover{color:var(--dropdown-item-hover-text);transform:translate(4px)}.flag-dropdown .dropdown-menu .dropdown-item:hover img{transform:scale(1.1)}.flag-dropdown .dropdown-menu .dropdown-item img{transition:transform .2s ease}.flag-dropdown .dropdown-menu .dropdown-item.active,.flag-dropdown .dropdown-menu .dropdown-item:active{background:var(--dropdown-item-active-bg)!important;color:var(--dropdown-item-active-text)!important;border-left-color:var(--dropdown-item-active-border)}.flag-dropdown .dropdown-menu .dropdown-item.active *{color:inherit!important}.flag-dropdown .dropdown-menu .dropdown-item img{width:22px;height:16px;object-fit:cover;border-radius:3px;box-shadow:0 1px 3px #00000026}.mega-submenu .megamenu-wrapper{background:var(--mega-menu-bg);backdrop-filter:blur(var(--dropdown-glass-blur));-webkit-backdrop-filter:blur(var(--dropdown-glass-blur));border-radius:18px;padding:24px;border:1px solid var(--dropdown-border);box-shadow:var(--dropdown-shadow)}.mega-submenu .megamenu-wrapper h6{color:var(--mega-menu-heading);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--dropdown-item-active-border);display:inline-block}.mega-submenu .megamenu-wrapper ul{padding:0;margin:0;list-style:none}.mega-submenu .megamenu-wrapper ul li{margin-bottom:4px}.mega-submenu .megamenu-wrapper ul li a{color:var(--mega-menu-link);font-size:.875rem;font-weight:500;padding:10px 14px;display:block;border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mega-submenu .megamenu-wrapper ul li a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:60%;background:var(--dropdown-item-active-border);border-radius:0 4px 4px 0;transition:transform .2s ease}.mega-submenu .megamenu-wrapper ul li a:hover:before{transform:translateY(-50%) scaleY(1)}.mega-submenu .megamenu-wrapper ul li a:hover{color:var(--mega-menu-link-hover);background:var(--dropdown-item-hover-bg);padding-left:18px}.mega-submenu .menu-img{border-radius:14px;overflow:hidden;box-shadow:var(--internal-card-shadow)}.mega-submenu .menu-img img{transition:transform .4s ease}.mega-submenu .menu-img:hover img{transform:scale(1.05)}.profile-dropdown .dropdown-menu{background:var(--dropdown-bg);backdrop-filter:blur(var(--dropdown-glass-blur));-webkit-backdrop-filter:blur(var(--dropdown-glass-blur));border:1px solid var(--dropdown-border);border-radius:16px;box-shadow:var(--dropdown-shadow);padding:12px;min-width:200px;animation:dropdownSlideIn .2s ease-out}.profile-dropdown .dropdown-menu .dropdown-item{color:var(--dropdown-item-text);padding:12px 16px;border-radius:10px;font-weight:500;font-size:.875rem;transition:all .2s ease}.profile-dropdown .dropdown-menu .dropdown-item:hover{background:var(--dropdown-item-hover-bg);color:var(--dropdown-item-hover-text);transform:translate(4px)}.profile-dropdown .dropdown-menu .dropdown-divider{border-color:var(--dropdown-divider);margin:8px 0}.internal-units-menu-inner{background:var(--mega-menu-bg)!important;backdrop-filter:blur(var(--dropdown-glass-blur));-webkit-backdrop-filter:blur(var(--dropdown-glass-blur));border:1px solid var(--dropdown-border);box-shadow:var(--dropdown-shadow)!important}.internal-units-menu-header h6{color:var(--mega-menu-heading)!important}.internal-unit-grid .single-demo{background:var(--internal-card-bg)!important;border:1px solid var(--dropdown-border);box-shadow:var(--internal-card-shadow)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.internal-unit-grid .single-demo:hover{box-shadow:var(--internal-card-hover-shadow)!important;border-color:var(--dropdown-item-active-border)}.internal-unit-grid .demo-img{background:var(--dropdown-border)!important}.internal-unit-grid .demo-info a{color:var(--internal-card-text)!important}.internal-unit-grid .demo-info a:hover{color:var(--internal-card-text-hover)!important}.internal-unit-preview{background:var(--preview-bar-bg)!important;color:var(--preview-bar-text)!important;border:1px solid var(--dropdown-border)}.internal-unit-preview-dot{background:var(--preview-dot)!important;box-shadow:0 0 0 4px #ec489940!important}.dark-mode .header-topbar .dropdown-menu{background:var(--dropdown-bg);border-color:var(--dropdown-border)}.dark-mode .header-topbar .dropdown-item{color:var(--dropdown-item-text)}.dark-mode .header-topbar .dropdown-item:hover{background:var(--dropdown-item-hover-bg);color:var(--dropdown-item-hover-text)}.dark-mode .submenu,.dark-mode .mega-submenu{background:var(--mega-menu-bg)!important;border-color:var(--dropdown-border)!important}.dark-mode .submenu li a,.dark-mode .mega-submenu li a{color:var(--mega-menu-link)!important}.dark-mode .submenu li a:hover,.dark-mode .mega-submenu li a:hover{color:var(--mega-menu-link-hover)!important;background:var(--dropdown-item-hover-bg)!important}.dark-mode .offcanvas-detail .flag-dropdown .dropdown-toggle{background:var(--dropdown-bg)!important;border-color:var(--dropdown-border)!important;color:var(--dropdown-item-text)!important}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.theme-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(236,72,153,.15),transparent 70%);opacity:0;transition:opacity .3s ease}.theme-toggle:hover:before{opacity:1}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle i{font-size:1.25rem;transition:transform .3s ease}.theme-toggle:hover i{transform:rotate(15deg)}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:transparent}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--dropdown-border);border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--dropdown-item-active-border)}.dropdown-item:focus-visible{outline:2px solid var(--dropdown-item-active-border);outline-offset:-2px}