.app-shell{--sidebar-width:244px;margin:0;padding-left:var(--sidebar-width);min-height:100vh;min-height:100dvh}
.app-shell.sidebar-collapsed{--sidebar-width:82px}
.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);z-index:30;display:flex;flex-direction:column;padding:20px 12px;background:var(--surface);border-right:1px solid var(--line)}
.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:30px}
.sidebar-brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:800;font-size:22px;text-decoration:none}
.sidebar-brand .brand-icon{display:block;width:34px;height:34px;object-fit:contain;flex-shrink:0}
.account-brand-icon{display:inline-block;width:48px;height:48px;object-fit:contain;vertical-align:middle;margin-right:12px}
.sidebar-toggle{padding:5px!important;color:var(--muted)!important;background:var(--hover)!important;border:0!important;border-radius:6px;cursor:pointer;font-size:18px}
#sidebar-links{display:flex;flex-direction:column;gap:7px}
#sidebar-links a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;color:var(--muted);text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}
#sidebar-links a:hover,#sidebar-links a[aria-current=page]{background:var(--hover);color:var(--accent)}
#sidebar-links svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sidebar-foot{margin-top:auto;padding:22px 8px 0;color:var(--muted);font-size:12px;display:flex;flex-direction:column;gap:5px}
.sidebar-user{overflow:hidden;text-overflow:ellipsis}.release-version{white-space:nowrap}
.sidebar-collapsed .nav-label{display:none}.sidebar-collapsed .sidebar-heading{flex-direction:column;gap:12px}
.sidebar-collapsed #sidebar-links a{justify-content:center;padding:12px 5px}
.app-shell .account-content{max-width:1000px;margin:0 auto;padding:38px 32px}
.app-shell .account-content header{margin-bottom:28px}.account-content header .logo{font-size:28px;color:var(--text)}
.app-shell .account-content section{box-shadow:none;border-radius:12px;margin:20px 0}
.page-kicker{color:var(--muted);font-size:13px;margin:4px 0}
.app-shell input[type=checkbox]{display:inline-block;width:auto;margin:0 8px 0 0;vertical-align:middle}
.token-scopes{display:flex;flex-wrap:wrap;gap:8px 24px}.token-scopes label{font-weight:400}
.secret-once{overflow-wrap:anywhere;white-space:pre-wrap;background:var(--hover);border:1px solid var(--line);padding:16px;border-radius:8px}
.account-content code{overflow-wrap:anywhere}.token-meta{font-size:13px;color:var(--muted)}
.shell-table{overflow:auto}.shell-table table{border-collapse:collapse;width:100%;text-align:left}.shell-table th,.shell-table td{padding:12px;border-bottom:1px solid var(--line)}
.skip-navigation{position:fixed;top:-100px;left:16px;background:var(--surface);padding:12px;z-index:60}.skip-navigation:focus{top:12px}
.mobile-menu,.sidebar-backdrop{display:none}
.app-shell #main_form{height:100vh;height:100dvh}.app-shell .messaging-toolbar{padding:16px 24px}
.app-shell .messaging-toolbar .brand{font-size:22px}.app-shell .toolbar-link{margin-left:0}
.developer-screen .commands-chat{display:none}.developer-screen .commands-commands{width:100%;max-width:none;border-left:0;padding:28px}.developer-screen #admin-console-content{max-width:1000px;margin:auto}
.developer-screen .console-header button{display:none}.developer-screen #console-toggle{display:none}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:760px){
 .app-shell,.app-shell.sidebar-collapsed{--sidebar-width:244px;padding-left:0;padding-top:52px}
 .navigation-ready .mobile-menu{display:block;position:fixed;top:8px;left:12px;z-index:35;padding:7px 12px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;cursor:pointer}
 .app-sidebar{position:static;width:100%;padding:16px;border-right:0;border-bottom:1px solid var(--line)}
 .navigation-ready .app-sidebar{position:fixed;width:var(--sidebar-width);transform:translateX(-100%);padding-top:65px;border-right:1px solid var(--line)}.sidebar-open .app-sidebar{transform:none;z-index:40}
 .app-shell:not(.navigation-ready){padding-top:0}.app-shell:not(.navigation-ready) .sidebar-foot{display:none}
 .sidebar-collapsed .nav-label{display:inline}.sidebar-collapsed .sidebar-heading{flex-direction:row}.sidebar-toggle{display:none}
 .sidebar-collapsed #sidebar-links a{justify-content:flex-start;padding:12px}
 .sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:38;border:0;background:#0008}
 .developer-screen .commands-commands{max-height:none}
 .app-shell .account-content{padding:22px 16px}.app-shell #main_form{height:auto;min-height:calc(100dvh - 52px)}
}
@media(prefers-reduced-motion:no-preference){.app-sidebar{transition:width .15s,transform .15s}}