.account-shell{display:flex;gap:8px;align-items:flex-start}.account-shell-main{flex:1 1 auto;min-width:0}@media (min-width:540px){.account-shell{gap:16px}}@media (min-width:900px){.account-shell{gap:24px}}.opnar-account-subnav{--as-accent:#ff6b00;--as-ink:var(--foreground);--as-ink-2:color-mix(in oklab,var(--foreground) 72%,var(--background) 28%);--as-ink-3:color-mix(in oklab,var(--foreground) 52%,var(--background) 48%);--as-line:var(--border);--as-bg:var(--background);--as-surface:var(--muted);position:sticky;top:12px;background:var(--as-bg);border:1px solid var(--as-line);border-radius:12px;padding:6px;max-height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;flex:none}.opnar-account-subnav,.opnar-account-subnav *{box-sizing:border-box}.opnar-account-subnav a{color:inherit;text-decoration:none}.as-row{display:flex;flex-direction:column;gap:2px}.as-tab{display:flex;align-items:center;gap:10px;padding:10px;font-size:13.5px;font-weight:500;color:var(--as-ink-2);border-radius:8px;border:1px solid transparent;transition:background .12s ease,color .12s ease,border-color .12s ease;text-align:left;background:none;cursor:pointer;width:100%;min-height:40px}.as-tab:hover{color:var(--as-ink);background:var(--as-surface)}.as-tab[aria-current=page]{color:var(--as-accent);background:color-mix(in oklab,var(--as-accent) 10%,transparent);border-color:color-mix(in oklab,var(--as-accent) 30%,transparent)}.as-tab .as-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.as-tab .as-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em}.as-trailing{margin-top:8px;padding-top:8px;border-top:1px solid var(--as-line)}.as-signout{color:var(--as-ink-3)}.as-signout:hover{color:var(--as-ink)}@media (min-width:900px){.opnar-account-subnav{width:240px;padding:8px}.as-tab{padding:10px 12px;font-size:14px}}@media (min-width:540px) and (max-width:899px){.opnar-account-subnav{width:180px}}@media (max-width:539px){.opnar-account-subnav{width:72px;padding:4px 3px;border-radius:10px}.as-tab{flex-direction:column;gap:3px;padding:7px 3px;font-size:10px;text-align:center;min-height:50px;line-height:1.1}.as-tab .as-icon{width:18px;height:18px}.as-tab .as-label{flex:none;white-space:normal;overflow:visible;text-overflow:clip}.as-trailing{margin-top:4px;padding-top:4px}}@media (max-width:379px){.opnar-account-subnav{width:48px;padding:3px}.as-tab{padding:6px 2px;min-height:40px}.as-tab .as-icon{width:18px;height:18px}.as-tab .as-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media (max-width:539px){.account-shell-main aside[class*=p-],.account-shell-main div[class*=p-][class*=rounded],.account-shell-main section[class*=p-]{padding:12px!important}.account-shell-main>section:first-child[class*=p-]{padding:14px!important}.account-shell-main h1{font-size:18px!important;line-height:1.25!important}.account-shell-main h2{font-size:14px!important;line-height:1.3!important}.account-shell-main h3{font-size:13px!important}.account-shell-main .gap-6{gap:12px!important}.account-shell-main .gap-4{gap:10px!important}.account-shell-main .gap-3{gap:8px!important}.account-shell-main .space-y-6>:not([hidden])~:not([hidden]){margin-top:12px!important}.account-shell-main .space-y-4>:not([hidden])~:not([hidden]){margin-top:10px!important}.account-shell-main .py-8{padding-top:16px!important;padding-bottom:16px!important}.account-shell-main .py-6{padding-top:12px!important;padding-bottom:12px!important}.account-shell-main a[class*=px-4],.account-shell-main button[class*=px-4]{padding-left:12px!important;padding-right:12px!important}}