.sup-root{display:flex;min-height:100vh;background:var(--color-bg)}.sup-sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;display:flex;flex-direction:column;border-right:1px solid var(--color-border);background:var(--color-bg-subtle);overflow-y:auto;z-index:40}@media(max-width:1023px){.sup-sidebar{display:none}}.sup-sidebar-header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;border-bottom:1px solid var(--color-border);flex-shrink:0}.sup-logo{display:flex;align-items:center;gap:8px;text-decoration:none}.sup-logo-mark{display:block;flex-shrink:0}.sup-logo-name{font-size:13px;font-weight:600;color:var(--color-text);line-height:1.2}.sup-logo-sub{font-size:10px;color:var(--color-text-muted)}.sup-nav{padding:12px;flex:1}.sup-nav-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:0 8px 6px;margin:0}.sup-nav-link{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:13px;color:var(--color-text-muted);text-decoration:none;transition:color .12s,background .12s}.sup-nav-link:hover{color:var(--color-text);background:var(--color-bg-muted)}.sup-nav-active{background:var(--color-accent-subtle)!important;color:var(--color-accent-text)!important;font-weight:500}.sup-sidebar-footer{padding:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px}.sup-dashboard-link{display:block;text-align:center;font-size:12px;color:var(--color-text-muted);text-decoration:none;padding:4px;transition:color .12s}.sup-dashboard-link:hover{color:var(--color-text)}.sup-cta{display:flex;align-items:center;justify-content:center;height:32px;border-radius:8px;background:var(--color-text);color:var(--color-bg);font-size:12px;font-weight:500;text-decoration:none;transition:opacity .15s}.sup-cta:hover{opacity:.88}.sup-main{flex:1;min-width:0}@media(min-width:1024px){.sup-main{margin-left:240px}}.sup-topbar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 20px;border-bottom:1px solid var(--color-border);background:var(--color-bg);position:sticky;top:0;z-index:30}@media(min-width:1024px){.sup-topbar{display:none}}.sup-content{max-width:780px;margin:0 auto;padding:40px 24px 80px}@media(min-width:1024px){.sup-content{padding:48px 40px 80px}}@media(max-width:640px){.sup-content{padding:24px 16px 60px}}@keyframes sc-bounce{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-4px);opacity:1}}.sc-dot{display:inline-block;animation:sc-bounce 1.2s ease-in-out infinite}