/* ===== Navbar ===== */
.navbar{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:rgba(10,14,23,0.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.06);z-index:1000;align-items:center;justify-content:space-between;padding:0 20px}
.nav-logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:800;color:var(--text);letter-spacing:.2px}.nav-logo img{width:34px;height:34px;border-radius:10px;display:block;box-shadow:0 0 18px rgba(14,203,129,.18)}.nav-logo .brand-text{background:linear-gradient(135deg,var(--gold),var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.nav-right{display:flex;align-items:center;gap:12px}
.nav-link{color:var(--text2);font-size:13px;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s}
.nav-link:hover{color:var(--text);background:rgba(255,255,255,0.06)}
.nav-link.active{color:var(--gold);background:rgba(240,185,11,0.1)}
.nav-user{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:20px;background:rgba(255,255,255,0.05);cursor:pointer;transition:background .2s}
.nav-user:hover{background:rgba(255,255,255,0.1)}
.nav-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--green));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--bg)}
.nav-username{font-size:13px;color:var(--text)}
/* ===== Pages ===== */
.page{display:none}.page.active{display:block}