.navbar{z-index:50;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#09090be6;width:100%;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:60px;display:flex}.navbar-logo{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.logo-icon{background:var(--accent);color:#fff;width:32px;height:32px;box-shadow:0 4px 12px var(--accent-glow);border-radius:8px;justify-content:center;align-items:center;font-size:1rem;font-weight:900;display:flex}.logo-text{letter-spacing:-.5px;font-size:1.2rem;font-weight:900}.navbar-links{flex:1;justify-content:center;align-items:center;gap:.25rem;display:flex}.nav-link{border-radius:var(--r-md);color:var(--text-secondary);align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.9rem;font-weight:600;transition:color .18s,background .18s;display:flex}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--bg-elevated)}.nav-link.active{color:var(--accent)}.navbar-right{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.balance-chip{background:var(--accent-soft);border:1px solid var(--border-accent);color:var(--accent);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.85rem;font-weight:700;display:flex}.balance-chip.clickable{cursor:pointer;text-decoration:none;transition:all .2s}.balance-chip.clickable:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.balance-chip.clickable:hover svg{color:#fff!important}.balance-plus{margin-left:-.1rem;margin-right:.15rem;font-size:1rem;font-weight:900;line-height:1}.logout-btn{border-color:var(--border-strong)}.auth-btns{align-items:center;gap:.5rem;display:flex}.mobile-menu-btn{border:1px solid var(--border-strong);border-radius:var(--r-md);width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .15s;display:none}.mobile-menu-btn:hover{background:var(--bg-elevated)}.mobile-menu-dropdown{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#09090bfa;flex-direction:column;gap:.25rem;padding:.5rem;animation:.15s ease-out slide-down;display:flex}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-item{border-radius:var(--r-md);color:var(--text-secondary);cursor:pointer;text-align:right;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .15s,background .15s;display:flex}.mobile-menu-item:hover{color:var(--text-primary);background:var(--bg-elevated)}.mobile-menu-item.danger{color:var(--danger)}.mobile-menu-item.danger:hover{background:var(--danger-soft)}.mobile-bottom-nav{display:none}@media (max-width:680px){.navbar-links{display:none}.mobile-menu-btn{display:flex}.desktop-only{display:none!important}.mobile-bottom-nav{z-index:49;-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-strong);padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom));background:#09090bf7;justify-content:space-around;align-items:center;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0006}.bottom-nav-item{border-radius:var(--r-md);color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:.25rem;min-width:0;padding:.35rem 1rem;text-decoration:none;transition:color .2s;display:flex;position:relative}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-icon{justify-content:center;align-items:center;transition:transform .2s;display:flex}.bottom-nav-item.active .bottom-nav-icon{transform:translateY(-2px)}.bottom-nav-label{font-size:.68rem;font-weight:700;font-family:var(--font-body)}.bottom-nav-indicator{background:var(--accent);width:28px;height:3px;box-shadow:0 0 8px var(--accent-glow);border-radius:0 0 4px 4px;animation:.25s ease-out indicator-pop;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes indicator-pop{0%{opacity:0;width:0}to{opacity:1;width:28px}}}@media (min-width:681px){.mobile-menu-dropdown,.mobile-bottom-nav{display:none!important}}
.site-footer{border-top:1px solid var(--border);background:var(--bg-base);justify-content:center;align-items:center;margin-top:auto;padding:1.5rem 0;display:flex}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.footer-copyright{color:var(--text-secondary);margin:0;font-size:.85rem}.footer-links{align-items:center;gap:.75rem;font-size:.8rem;display:flex}.footer-link{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--brand)}.footer-separator{color:var(--border);font-size:.7rem}@media (max-width:680px){.site-footer{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}
.maintenance-screen{background:var(--bg-base);z-index:9999;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1rem;display:flex}.maintenance-content{text-align:center;border:1px solid var(--border);width:100%;max-width:500px;box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;padding:3rem 2rem;display:flex;position:relative;overflow:hidden}.maintenance-content:before{content:"";background:linear-gradient(90deg, var(--brand), var(--brand-light), var(--brand));background-size:200% 100%;height:4px;animation:2s linear infinite loadingBar;position:absolute;top:0;left:0;right:0}@keyframes loadingBar{0%{background-position:100% 0}to{background-position:-100% 0}}.maintenance-icon-wrapper{justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:2rem;display:flex;position:relative}.maintenance-icon{color:var(--brand);z-index:2;animation:3s ease-in-out infinite subtleBounce;position:relative}.pulse-circle{background:var(--brand);opacity:.15;border-radius:50%;width:100%;height:100%;animation:2.5s cubic-bezier(.455,.03,.515,.955) infinite pulseOuter;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes subtleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseOuter{0%{opacity:.3;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}.maintenance-title{color:var(--text-primary);margin-bottom:1rem;font-weight:900}.maintenance-desc{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.05rem;line-height:1.6}.maintenance-footer{color:var(--text-muted);border-radius:var(--r-full);background:#ffffff0d;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}
.page-root{flex-direction:column;min-height:100vh;display:flex}.page-main{flex:1;padding:2rem 0}.page-main.full-width{padding:0}@media (max-width:680px){.page-main{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.page-main.full-width{padding-bottom:calc(70px + env(safe-area-inset-bottom))}}