.mobile-navbar{top:var(--test-banner-height,0px);z-index:1000;-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:none;position:fixed;left:0;right:0}@media (max-width:768px){.mobile-navbar{display:flex}}.mobile-navbar__menu-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .2s;display:flex}.mobile-navbar__menu-btn:active{background:#0000000d}.mobile-navbar__hamburger{flex-direction:column;gap:5px;width:22px;display:flex}.mobile-navbar__hamburger span{background:#374151;border-radius:2px;height:2px;transition:all .3s;display:block}.mobile-navbar__hamburger span:nth-child(2){width:70%}.mobile-navbar__brand{color:#6750a4;letter-spacing:-.02em;font-size:20px;font-weight:700;text-decoration:none}.mobile-navbar__actions{align-items:center;gap:8px;display:flex}.mobile-navbar__action-btn{color:#374151;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.mobile-navbar__action-btn:active{background:#0000000d}.mobile-navbar__login-btn{color:#fff;background:linear-gradient(135deg,#6750a4 0%,#9333ea 100%);border-radius:20px;padding:10px 20px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.mobile-navbar__login-btn:active{transform:scale(.96)}.mobile-navbar__overlay{z-index:1001;opacity:0;visibility:hidden;background:#0006;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.mobile-navbar__overlay--visible{opacity:1;visibility:visible}.mobile-navbar__drawer{z-index:1002;background:#fff;flex-direction:column;width:300px;max-width:85vw;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 20px #00000026}.mobile-navbar__drawer--open{transform:translate(0)}.mobile-navbar__drawer-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mobile-navbar__drawer-brand{color:#6750a4;letter-spacing:-.02em;font-size:22px;font-weight:700}.mobile-navbar__close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .2s;display:flex}.mobile-navbar__close-btn:active{background:#0000000d}.mobile-navbar__user-info{background:linear-gradient(135deg,#f5f1ff 0%,#faf5ff 100%);border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;padding:20px;display:flex}.mobile-navbar__avatar{color:#fff;background:linear-gradient(135deg,#6750a4 0%,#9333ea 100%);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:600;display:flex;overflow:hidden;box-shadow:0 4px 12px #6750a440}.mobile-navbar__avatar-img{object-fit:cover;width:100%;height:100%}.mobile-navbar__user-details{flex-direction:column;gap:2px;display:flex}.mobile-navbar__user-name{color:#1f2937;font-size:16px;font-weight:600}.mobile-navbar__user-role{color:#6b7280;font-size:13px}.mobile-navbar__menu{flex:1;padding:12px 0;overflow-y:auto}.mobile-navbar__menu-item{color:#374151;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:14px 20px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.mobile-navbar__menu-item:active{background:#6750a40f}.mobile-navbar__menu-item--active{color:#6750a4;background:#6750a414}.mobile-navbar__menu-item--highlight{color:#fff;background:linear-gradient(135deg,#6750a4 0%,#9333ea 100%);border-radius:12px;justify-content:center;margin:8px 16px;padding:14px 20px}.mobile-navbar__menu-item--highlight:active{opacity:.9;background:linear-gradient(135deg,#6750a4 0%,#9333ea 100%)}.mobile-navbar__menu-item--logout{color:#dc2626}.mobile-navbar__menu-icon{text-align:center;width:28px;font-size:20px}.mobile-navbar__menu-label{flex:1}.mobile-navbar__badge{color:#6750a4;background:#6750a41a;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.mobile-navbar__divider{background:#f0f0f0;height:1px;margin:8px 20px}.mobile-navbar__section-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;padding:12px 20px 8px;font-size:11px;font-weight:700}.mobile-navbar__menu-item--owner{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #d9770633;border-radius:12px;margin:4px 16px;padding:14px 18px;box-shadow:0 2px 8px #d977061a}.mobile-navbar__menu-item--owner:active{background:linear-gradient(135deg,#fde68a 0%,#fcd34d 100%)}.mobile-navbar__menu-item--owner .mobile-navbar__menu-icon{font-size:18px}.mobile-navbar__drawer-footer{text-align:center;border-top:1px solid #f0f0f0;padding:16px 20px}.mobile-navbar__drawer-footer p{color:#9ca3af;margin:0;font-size:13px}@media (prefers-reduced-motion:reduce){.mobile-navbar__drawer,.mobile-navbar__overlay{transition:none}}