.mobile-bottom-dock{z-index:1000;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e5e7eb;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}@media (max-width:767px){.mobile-bottom-dock{display:block}}.mobile-dock-nav{justify-content:space-around;align-items:center;max-width:100%;height:70px;margin:0 auto;display:flex;position:relative}.mobile-dock-item{color:#6b7280;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;text-decoration:none;transition:all .2s;display:flex;position:relative}.mobile-dock-item:hover,.mobile-dock-item:active{color:#1f2937;background:#f9fafb}.mobile-dock-item.active{color:#2563eb}.mobile-dock-item.active .mobile-dock-icon{transform:translateY(-2px)}.mobile-dock-item.active:before{content:"";background:#2563eb;border-radius:0 0 3px 3px;width:40px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mobile-dock-icon{transition:transform .2s}.mobile-dock-label{font-size:11px;font-weight:500;line-height:1}.mobile-dock-hero{flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-top:-20px;padding:0 16px;text-decoration:none;transition:all .3s;display:flex;position:relative}.mobile-dock-hero .mobile-dock-hero-icon{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 12px #2563eb66}.mobile-dock-hero .mobile-dock-hero-icon:before{content:"";z-index:-1;opacity:0;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;transition:opacity .3s;position:absolute;inset:-3px}.mobile-dock-hero .mobile-dock-hero-label{color:#2563eb;font-size:11px;font-weight:600;line-height:1}.mobile-dock-hero:hover .mobile-dock-hero-icon,.mobile-dock-hero:active .mobile-dock-hero-icon{transform:scale(1.05);box-shadow:0 6px 16px #2563eb80}.mobile-dock-hero:hover .mobile-dock-hero-icon:before,.mobile-dock-hero:active .mobile-dock-hero-icon:before{opacity:.2}.mobile-dock-hero.active .mobile-dock-hero-icon{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);transform:scale(1.05);box-shadow:0 6px 20px #2563eb99}.mobile-dock-hero.active .mobile-dock-hero-label{color:#1d4ed8}@media (max-width:767px){body{padding-bottom:70px}}