.geom-nav-container{z-index:1000;position:fixed;top:0;left:0;right:0}.geom-nav-spacer{height:var(--geom-nav-offset,0px)}.geom-nav-bar{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border-bottom:3px solid #e94560;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;box-shadow:0 4px 20px #e945604d}.geom-logo{align-items:center;gap:8px;display:flex;position:relative}.geom-shape{width:20px;height:20px;position:absolute}.geom-triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%);background:linear-gradient(135deg,#e94560,#ff6b6b);left:0}.geom-diamond{background:linear-gradient(135deg,#00d9ff,#0f8);width:14px;height:14px;top:12px;left:8px;transform:rotate(45deg)}.geom-logo-text{letter-spacing:3px;color:#ff8c00;text-shadow:1px 1px #ff6500,2px 2px #ff4500,3px 3px #c30,4px 4px 8px #00000080;font-family:Righteous,sans-serif;font-size:1.5rem;font-weight:700}.geom-nav-links{gap:8px;display:flex}.geom-nav-item{z-index:1;color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:10px 16px;font-family:Rajdhani,Segoe UI,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .3s;display:flex;position:relative;overflow:hidden}.geom-nav-item:before{content:"";z-index:-1;background:linear-gradient(135deg,#e9456033,#00d9ff1a);width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:skew(-15deg)translate(-120%)}.geom-nav-item:hover:before{transform:skew(-15deg)translate(0)}.geom-nav-item:hover{color:#00d9ff;text-shadow:0 0 10px #00d9ff80}.geom-nav-item.active{color:#00d9ff;text-shadow:0 0 10px #00d9ff73}.geom-nav-item.active:before{background:linear-gradient(135deg,#e9456047,#00d9ff2e);transform:skew(-15deg)translate(0)}.geom-hover-shape{background:linear-gradient(90deg,#e94560,#00d9ff);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.geom-nav-item:hover .geom-hover-shape,.geom-nav-item.active .geom-hover-shape{width:80%}.geom-icon{color:#e94560;font-size:1.1rem;transition:color .3s}.geom-icon-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.geom-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-10px;right:-16px;box-shadow:0 0 0 2px #1a1a2ef2}.geom-nav-item:hover .geom-icon,.geom-nav-item.active .geom-icon{color:#00d9ff}.geom-logout .geom-icon{color:#ff6b6b}.geom-logout:hover .geom-icon{color:red}.geom-menu-toggle{cursor:pointer;background:0 0;border:none;padding:8px}.hamburger{flex-direction:column;gap:5px;display:flex}.hamburger span{background:linear-gradient(90deg,#e94560,#00d9ff);border-radius:2px;width:28px;height:3px;transition:all .3s;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.geom-mobile-menu{background:linear-gradient(#1a1a2e 0%,#16213e 100%);border-bottom:3px solid #e94560;flex-direction:column;gap:8px;padding:16px;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.geom-mobile-item{z-index:1;color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#ffffff0d;border:1px solid #e945604d;align-items:center;gap:12px;padding:14px 20px;font-family:Rajdhani,Segoe UI,sans-serif;font-size:1.1rem;font-weight:600;text-decoration:none;transition:background .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.geom-mobile-item:hover,.geom-mobile-item:active{background:linear-gradient(135deg,#e945604d,#00d9ff33);border-color:#00d9ff}.geom-mobile-item.active{color:#00d9ff;background:linear-gradient(135deg,#e945604d,#00d9ff33);border-color:#00d9ff}.geom-mobile-shape{opacity:.5;border:2px solid #e94560;width:20px;height:20px;position:absolute;top:50%;right:-10px;transform:translateY(-50%)rotate(45deg)}.geom-mobile-item:hover .geom-mobile-shape{opacity:1;border-color:#00d9ff}.geom-mobile-item.active .geom-mobile-shape,.geom-mobile-item.active .geom-icon{color:#00d9ff;opacity:1;border-color:#00d9ff}.geom-mobile-item .geom-icon{font-size:1.3rem}.geom-mobile-item .geom-badge{top:-9px;right:-14px;box-shadow:0 0 0 2px #16213ef2}.geom-mobile-item .geom-label{flex:1}@media (max-width:768px){.geom-nav-bar{padding:10px 16px}.geom-logo-text{letter-spacing:2px;font-size:1.1rem}.geom-shape{width:16px;height:16px}.geom-diamond{width:11px;height:11px;top:10px;left:6px}}