.location-navigator{--ln-accent:hsla(0,0%,100%,.9);--ln-accent-rgb:255,255,255;--ln-glass-bg:hsla(0,0%,100%,.03);--ln-glass-bg-hover:hsla(0,0%,100%,.06);--ln-glass-border:hsla(0,0%,100%,.08);--ln-glass-border-hover:hsla(0,0%,100%,.2);--ln-shadow:hsla(0,0%,100%,.08);--ln-text-primary:var(--mds-color-text-primary,#fff);--ln-text-secondary:var(--mds-color-text-secondary,#888);--ln-text-muted:var(--mds-color-text-tertiary,hsla(0,0%,100%,.5));--ln-bg:var(--mds-color-background-primary,#0a0a0a)}html[data-theme=light] .location-navigator{--ln-accent:rgba(0,0,0,.8);--ln-accent-rgb:0,0,0;--ln-glass-bg:rgba(0,0,0,.02);--ln-glass-bg-hover:rgba(0,0,0,.04);--ln-glass-border:rgba(0,0,0,.08);--ln-glass-border-hover:rgba(0,0,0,.15);--ln-shadow:rgba(0,0,0,.06);--ln-text-primary:#1a1a1a;--ln-text-secondary:#666;--ln-text-muted:rgba(0,0,0,.4);--ln-bg:#f8f8f8}.location-navigator{min-height:100vh;background:var(--ln-bg);padding:calc(60px + 2rem) 1.5rem 2rem}.location-content{max-width:1200px;margin:0 auto}.location-progress-bar{position:fixed;top:60px;left:0;right:0;height:2px;z-index:999;overflow:hidden;pointer-events:none}.location-progress-bar:before{content:"";position:absolute;inset:0;background:rgba(var(--ln-accent-rgb),.08)}.location-progress-bar__fill{height:100%;background:linear-gradient(90deg,transparent,rgba(var(--ln-accent-rgb),.6),rgba(var(--ln-accent-rgb),.8));border-radius:0 1px 1px 0;transform-origin:left;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px rgba(var(--ln-accent-rgb),.3)}.location-progress-bar--loading .location-progress-bar__fill{width:90%;transition:width 8s cubic-bezier(.1,.5,.2,1)}.location-progress-bar--complete .location-progress-bar__fill{width:100%;transition:width .2s ease-out}.location-progress-bar--complete{opacity:0;transition:opacity .4s ease .2s}.location-loading-placeholder{min-height:20vh}.location-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;text-align:center}.error-icon{width:64px;height:64px;color:#ff6b6b;animation:pulse 2s ease-in-out infinite}.error-icon svg{width:100%;height:100%}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.retry-button{margin-top:1rem;padding:.75rem 2rem;background:rgba(var(--ln-accent-rgb),.1);border:1px solid rgba(var(--ln-accent-rgb),.2);border-radius:12px;color:var(--ln-text-primary);font-family:inherit;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--ln-shadow)}.location-breadcrumb{display:flex;align-items:center;gap:0;margin-left:1.25rem;overflow-x:auto;scrollbar-width:none;pointer-events:auto}.location-breadcrumb::-webkit-scrollbar{display:none}.breadcrumb-item{display:flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;padding:.25rem;color:var(--ln-text-secondary);font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .25s ease;white-space:nowrap}.breadcrumb-item:hover:not(:disabled){color:var(--ln-accent)}.breadcrumb-item:disabled{cursor:default}.breadcrumb-item.active,.breadcrumb-item.active .breadcrumb-code{color:var(--ln-text-primary)}.breadcrumb-home{padding:.25rem .375rem;margin-right:.125rem}.breadcrumb-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.breadcrumb-icon svg{width:100%;height:100%}.breadcrumb-chevron{width:14px;height:14px;color:var(--ln-text-muted);display:flex;align-items:center;justify-content:center}.breadcrumb-chevron svg{width:100%;height:100%}.breadcrumb-code{letter-spacing:.08em;font-weight:600}.location-header{gap:1.25rem;margin-bottom:2rem;padding:1.5rem;background:var(--ln-glass-bg);border:1px solid var(--ln-glass-border);border-radius:20px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.header-icon,.location-header{display:flex;align-items:center}.header-icon{width:56px;height:56px;justify-content:center;background:linear-gradient(135deg,rgba(var(--ln-accent-rgb),.2),rgba(var(--ln-accent-rgb),.1));border-radius:16px;color:var(--ln-accent);flex-shrink:0}.header-icon svg{width:28px;height:28px}.header-text{flex:1 1}.header-text h2{margin:0 0 .25rem;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.location-grid-container{transition:all .3s cubic-bezier(.4,0,.2,1)}.location-grid-container.slide-out-left{opacity:0;transform:translateX(-20px)}.location-grid-container.slide-out-right{opacity:0;transform:translateX(20px)}.location-grid-container.slide-in-right{animation:slideInRight .3s cubic-bezier(.4,0,.2,1) forwards}.location-grid-container.slide-in-left{animation:slideInLeft .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.locations-grid,.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1rem;gap:1rem;animation:fadeIn .35s ease forwards}.location-card{position:relative;display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--ln-glass-bg);border:1px solid var(--ln-glass-border);border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:cardEntrance .4s cubic-bezier(.4,0,.2,1) backwards}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.location-card .card-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,rgba(var(--ln-accent-rgb),.1) 0,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.location-card:hover{background:var(--ln-glass-bg-hover);border-color:var(--ln-glass-border-hover);transform:translateY(-4px);box-shadow:0 12px 40px var(--ln-shadow),0 0 0 1px rgba(var(--ln-accent-rgb),.1)}.location-card:hover .card-glow{opacity:1}.location-card:active{transform:translateY(-2px) scale(.99)}.location-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--ln-accent-rgb),.15),rgba(var(--ln-accent-rgb),.08));border-radius:14px;color:var(--ln-accent);flex-shrink:0;transition:all .3s ease}.location-icon svg{width:24px;height:24px}.location-card:hover .location-icon{transform:scale(1.05);background:linear-gradient(135deg,rgba(var(--ln-accent-rgb),.25),rgba(var(--ln-accent-rgb),.12))}.location-info{flex:1 1;min-width:0}.location-info h4{margin:0 0 .375rem;font-size:1.0625rem;font-weight:600;color:var(--ln-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-meta{display:flex;align-items:center;gap:.75rem}.location-code{font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--ln-text-muted);background:rgba(var(--ln-accent-rgb),.1);padding:.125rem .5rem;border-radius:6px}.location-count{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--ln-text-secondary)}.location-count svg{opacity:.6}.card-arrow{width:20px;height:20px;color:var(--ln-text-muted);transition:all .3s ease;flex-shrink:0}.card-arrow svg{width:100%;height:100%}.location-card:hover .card-arrow{color:var(--ln-accent);transform:translateX(4px)}.user-card{position:relative;display:flex;align-items:center;gap:1rem;padding:.875rem;background:var(--ln-glass-bg);border:1px solid var(--ln-glass-border);border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:cardEntrance .4s cubic-bezier(.4,0,.2,1) backwards}.user-card .card-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 0 50%,rgba(var(--ln-accent-rgb),.1) 0,transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.user-card:hover{background:var(--ln-glass-bg-hover);border-color:var(--ln-glass-border-hover);transform:translateY(-4px);box-shadow:0 12px 40px var(--ln-shadow),0 0 0 1px rgba(var(--ln-accent-rgb),.1)}.user-card:hover .card-glow{opacity:1}.user-card:active{transform:translateY(-2px) scale(.99)}.user-card__photo{position:relative;width:72px;height:72px;flex-shrink:0;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,rgba(var(--ln-accent-rgb),.15),rgba(var(--ln-accent-rgb),.08))}.user-card__photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.user-card:hover .user-card__photo img{transform:scale(1.05)}.user-card__photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--ln-accent-rgb),.2),rgba(var(--ln-accent-rgb),.1));color:var(--ln-text-muted)}.user-card__content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.user-card__name-row{display:flex;align-items:center;gap:.5rem}.user-card__name{font-size:1rem;font-weight:600;color:var(--ln-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.user-card__shield{display:flex;align-items:center;gap:.2rem;flex-shrink:0;color:rgba(var(--ln-accent-rgb),.45)}.user-card__shield svg{width:16px;height:16px}.user-card__shield-score{font-size:.6875rem;font-weight:700;letter-spacing:.02em;color:var(--ln-text-muted)}.user-card__username{font-size:.8125rem;color:var(--ln-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card__arrow{width:18px;height:18px;color:var(--ln-text-muted);transition:all .3s ease;flex-shrink:0;opacity:.5}.user-card__arrow svg{width:100%;height:100%}.user-card:hover .user-card__arrow{color:var(--ln-accent);transform:translateX(3px);opacity:1}.empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:4rem 2rem;background:var(--ln-glass-bg);border:1px dashed var(--ln-glass-border);border-radius:24px}.empty-icon{width:64px;height:64px;color:var(--ln-text-muted);opacity:.5}.empty-icon svg{width:100%;height:100%}@media (max-width:768px){.location-navigator{padding:5rem 1rem 2rem}.locations-grid,.users-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.875rem}.location-header{flex-direction:column;text-align:center;padding:1.25rem}.header-icon{width:48px;height:48px}.header-icon svg{width:24px;height:24px}.breadcrumb-item{padding:.2rem;font-size:.75rem}.breadcrumb-icon{width:16px;height:16px}.breadcrumb-chevron{width:12px;height:12px}.location-card{padding:1rem;border-radius:16px}.location-icon{width:44px;height:44px;border-radius:12px}.location-icon svg{width:20px;height:20px}.user-card{padding:.75rem;border-radius:16px}.user-card__photo{width:64px;height:64px;border-radius:12px}.user-card__name{font-size:.9375rem}.user-card__shield svg{width:14px;height:14px}}@media (max-width:480px){.locations-grid,.users-grid{grid-template-columns:1fr}.location-header{padding:1rem;border-radius:16px}.header-text h2{font-size:1.25rem}.location-card{border-radius:14px}.location-info h4{font-size:1rem}}@media (prefers-reduced-motion:reduce){.loading-spinner,.location-card,.location-grid-container,.user-card{animation:none;transition:none}.location-card:hover,.user-card:hover{transform:none}}