.nav-container{z-index:999;background:linear-gradient(90deg,#e9dff9 0%,#f8f6fc 40%);justify-content:space-between;align-items:center;gap:16px;width:100%;height:70px;display:flex;position:sticky;top:0;box-shadow:0 2px 6px #0000000d}.nav-left{align-items:center;gap:16px;display:flex}.nav-logo{width:110px}.nav-explore{cursor:pointer;color:#222;background:0 0;border:none;font-size:16px;font-weight:600}.nav-center{flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.nav-search-box{background:#fff;border:1px solid #ddd;border-radius:30px;align-items:center;width:420px;height:48px;padding:0 16px;display:flex;box-shadow:0 2px 10px #0000000d}.search-input{border:none;outline:none;flex:1;font-size:14px}.nav-location-btn{cursor:pointer;background:#fff;border:2px solid #7f2bff;border-radius:50%;width:44px;height:44px;font-size:16px}.nav-create{cursor:pointer;background:#fff;border:2px solid #7f2bff;border-radius:40px;padding:8px 22px;font-size:14px;font-weight:500;transition:all .2s}.nav-create:hover{color:#fff;background:#7f2bff}.nav-right{align-items:center;gap:16px;display:flex}.logout-btn{color:#fff;cursor:pointer;background:#ff4d4d;border:none;border-radius:6px;padding:8px 18px;font-size:14px}.logout-btn:hover{background:#e63939}.nav-avatar-btn{cursor:pointer;background:0 0;border:none;padding:0}.nav-letter-avatar{color:#fff;text-transform:uppercase;background:#7f2bff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.nav-hamburger{cursor:pointer;background:0 0;border:none;width:44px;height:44px;display:none}.nav-hamburger .bar{background:#000;width:22px;height:2px;margin:4px 0;transition:all .25s}.nav-hamburger.is-open .bar:first-child{transform:translateY(6px)rotate(45deg)}.nav-hamburger.is-open .bar:nth-child(2){opacity:0}.nav-hamburger.is-open .bar:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.logout-backdrop{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.logout-modal{text-align:center;background:#fff;border-radius:14px;width:360px;max-width:90%;padding:24px}.logout-modal h3{margin-bottom:10px}.logout-modal p{margin-bottom:14px;font-size:14px}.logout-modal input{border:1px solid #ccc;border-radius:8px;width:100%;margin-bottom:16px;padding:10px}.logout-actions{justify-content:space-between;gap:10px;display:flex}.btn-cancel{cursor:pointer;background:#eee;border:none;border-radius:8px;flex:1;padding:10px}.btn-confirm{color:#fff;cursor:pointer;background:#7a12ff;border:none;border-radius:8px;flex:1;padding:10px}.btn-confirm:disabled{cursor:not-allowed;background:#ccc}@media (max-width:1024px){.nav-container{padding:0 24px}.nav-search-box{width:320px}}@media (max-width:768px){.nav-container{padding:0 16px}.nav-center{display:none}.nav-hamburger{justify-content:center;align-items:center;display:flex}.nav-right{opacity:0;pointer-events:none;background:#fff;border-radius:12px;flex-direction:column;gap:14px;max-height:0;padding:14px;transition:all .3s;position:absolute;top:80px;right:16px;box-shadow:0 4px 16px #00000026}.nav-right.open{opacity:1;pointer-events:auto;max-height:300px}}@media (max-width:480px){.nav-logo{width:90px}.nav-letter-avatar{width:38px;height:38px;font-size:14px}}
.global-loader-overlay{z-index:99999;background:#00000073;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.global-spinner{border:6px solid #e0e0e0;border-top-color:#6f42c1;border-radius:50%;width:60px;height:60px;animation:.8s linear infinite spin}.global-loader-overlay p{color:#fff;margin-top:14px;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}