.app[data-v-09c7f8a6]{min-height:100dvh}.topbar[data-v-09c7f8a6]{z-index:40;height:calc(var(--header-h) + var(--safe-top));padding:var(--safe-top) 16px 0;-webkit-backdrop-filter:saturate(180%)blur(16px);background:#f7f7f8d1;border-bottom:1px solid #0000000a;grid-template-columns:34px 1fr 34px;align-items:center;gap:12px;display:grid;position:sticky;top:0}.top-title[data-v-09c7f8a6]{text-align:center;letter-spacing:-.015em;font-size:16px;font-weight:620}.brand[data-v-09c7f8a6]{letter-spacing:-.02em;align-items:center;gap:10px;font-size:16px;font-weight:650;display:inline-flex}.logo[data-v-09c7f8a6]{background:var(--primary);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 1px 2px #00000026,inset 0 1px #ffffff1f}.main[data-v-09c7f8a6]{padding:20px 16px calc(32px + var(--tabbar-h) + var(--safe-bottom))}.container[data-v-09c7f8a6]{max-width:1120px;margin:0 auto}.tabbar[data-v-09c7f8a6]{z-index:40;height:calc(var(--tabbar-h) + var(--safe-bottom));padding:0 8px var(--safe-bottom);-webkit-backdrop-filter:saturate(180%)blur(16px);border-top:1px solid var(--border);background:#ffffffe6;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.tab[data-v-09c7f8a6]{color:var(--text-3);letter-spacing:-.005em;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:550;transition:color .15s;display:flex}.tab-ico[data-v-09c7f8a6]{width:54px;height:30px;transition:background .2s var(--ease);border-radius:99px;place-items:center;display:grid}.tab.active[data-v-09c7f8a6]{color:var(--text)}.tab.active .tab-ico[data-v-09c7f8a6]{background:var(--surface-2)}.tab:active .tab-ico[data-v-09c7f8a6]{transform:scale(.94)}.sidebar[data-v-09c7f8a6]{display:none}@media (width>=1024px){.tabbar[data-v-09c7f8a6],.topbar[data-v-09c7f8a6]{display:none}.sidebar[data-v-09c7f8a6]{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:24px;padding:20px 14px 14px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .brand[data-v-09c7f8a6]{padding:0 8px}.main[data-v-09c7f8a6]{margin-left:var(--sidebar-w);padding:40px 40px 64px}}.side-nav[data-v-09c7f8a6]{flex-direction:column;flex:1;gap:2px;display:flex}.side-label[data-v-09c7f8a6]{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:0 10px 8px;font-size:11px;font-weight:600}.side-link[data-v-09c7f8a6]{height:40px;color:var(--text-2);border-radius:10px;align-items:center;gap:12px;padding:0 10px;font-size:14.5px;font-weight:520;transition:background .12s,color .12s;display:flex}.side-link.active[data-v-09c7f8a6],.side-link[data-v-09c7f8a6]:hover{background:var(--surface-2);color:var(--text)}.side-link.active[data-v-09c7f8a6]{font-weight:600}.side-link.active svg[data-v-09c7f8a6]{color:var(--text)}.side-user[data-v-09c7f8a6]{border:1px solid var(--border);border-radius:14px;gap:4px;padding:8px}.side-user[data-v-09c7f8a6],.side-user-info[data-v-09c7f8a6]{align-items:center;display:flex}.side-user-info[data-v-09c7f8a6]{border-radius:10px;flex:1;gap:10px;min-width:0;padding:2px}
