:root{--primary:#3b82f6;--accent:#60a5fa;--surface:#ffffff;--text:#1e293b}.BottomNavigation{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:linear-gradient(to bottom,var(--surface),rgba(255,255,255,.95));padding:4px calc(8px + env(safe-area-inset-bottom));border-top:1px solid rgba(0,0,0,.1);box-shadow:0 -4px 12px rgba(0,0,0,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000}.NavigationItem{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;color:var(--text);text-decoration:none;border-radius:12px;transition:all .2s ease;position:relative;gap:2px;min-width:48px;min-height:48px}.NavigationItem span{font-size:11px;font-weight:500;margin-top:2px}.NavigationItem.active{color:var(--primary);background:rgba(59,130,246,.1)}.NavigationItem.active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:3px;height:3px;background:var(--primary);border-radius:50%}.NavigationIcon{width:22px;height:22px;transition:transform .2s ease}.NavigationItem:active .NavigationIcon{transform:scale(.9)}