.sidebar{z-index:9999;-webkit-backdrop-filter:blur(10px);text-align:right;background:linear-gradient(90deg,#fff0,#71b4ffcc);width:100%;height:100%;padding:20px;transition:transform .3s ease-in-out;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-2px 0 8px #00000026}.sidebar.open{transform:translate(0%)}.sidebar .close-btn{cursor:pointer;background:0 0;border:none;font-size:55px;position:absolute;top:5px;right:30px;color:#022d5d!important}.menu-links{flex-direction:column;align-items:flex-end;gap:20px;margin-top:90px;display:flex}.menu-links a{color:#e7e7e7;text-align:right;font-size:18px;text-decoration:none}.menu-links .vip-link{color:#c59d00;font-weight:700}.user-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;display:flex}.user-info{flex-direction:column;align-items:flex-end;display:flex}.username{color:#022d5d;font-size:1.1rem;font-weight:700}.login-link{color:#71b4ff;cursor:pointer;margin-top:2px;font-size:.95rem;text-decoration:underline}.user-avatar{color:#fff;background:#71b4ff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-left:10px;font-size:1.2rem;font-weight:700;display:flex;box-shadow:0 2px 8px #00000014}.reset-vip-btn{color:#fff;cursor:pointer;z-index:2000;background:#aaa;border:none;border-radius:6px;padding:8px 14px}.logout-btn{color:#fff;cursor:pointer;text-align:right;background:0 0;border:none;border-radius:6px;margin-top:10px;padding:8px 14px;font-size:1em;transition:background .18s,color .18s}.logout-btn:hover{color:#fff;background:#1769aa}.sidebar-link-with-icon{border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;transition:background .18s,color .18s;display:flex}.sidebar-link-with-icon:hover{color:#1769aa;background:#e3f2fd}