.app-shell{background:var(--v-background);min-height:100dvh;color:var(--v-ink);font-size:var(--v-text-md);grid-template-columns:216px minmax(0,1fr);line-height:1.5;display:grid}.app-shell *{box-sizing:border-box}.app-shell button,.app-shell input,.app-shell select{font-family:inherit}.app-shell :focus-visible{outline:3px solid var(--v-brand);outline-offset:3px}.app-skip{z-index:100;background:var(--v-paper);color:var(--v-brand-hover);padding:12px;position:fixed;top:-100px;left:12px}.app-skip:focus{top:12px}.app-sidebar{background:var(--v-sidebar);height:100dvh;color:var(--v-sidebar-ink);border-right:1px solid var(--v-sidebar-border);scrollbar-color:#79688c var(--v-sidebar);flex-direction:column;padding:28px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.app-brand{background:var(--v-paper);border-radius:var(--v-control-radius);border:1px solid #fff;justify-content:center;align-items:center;margin-bottom:28px;padding:15px 10px;display:flex}.app-brand .v-logo{width:190px;max-width:100%;height:auto}.app-nav{gap:6px;display:grid}.app-nav a{border-radius:var(--v-control-radius);min-height:44px;color:var(--v-sidebar-muted);white-space:nowrap;transition:background var(--v-motion), color var(--v-motion);align-items:center;gap:11px;padding:10px 12px;font-weight:600;text-decoration:none;display:flex}.app-nav a:hover{background:var(--v-sidebar-hover);color:var(--v-sidebar-ink)}.app-nav a[aria-current=page]{background:var(--v-brand);color:#fff;font-weight:700}.app-nav a svg{flex:none}.app-sidebar :focus-visible,.app-mobile-navigation :focus-visible{outline-offset:3px;box-shadow:0 0 0 1px var(--v-sidebar);outline:3px solid #e1d2ff}.app-secondary-nav{border-top:1px solid var(--v-sidebar-border);margin-top:28px;padding-top:22px}.app-nav-bottom{font-size:var(--v-text-xs);color:var(--v-sidebar-muted);gap:14px;margin-top:auto;padding:32px 12px 0;display:grid}.app-nav-bottom a{color:inherit;text-underline-offset:3px}.app-nav-bottom a:hover,.app-nav-bottom button:hover{color:#fff}.app-nav-bottom button{color:inherit;text-align:left;cursor:pointer;min-height:var(--v-control-height);background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;display:flex}.app-sample{border:1px solid var(--v-sidebar-border);border-radius:var(--v-radius-sm);color:var(--v-sidebar-muted);background:var(--v-sidebar-hover);padding:10px}.app-main-column{min-width:0}.app-topbar{background:var(--v-paper);border-bottom:1px solid var(--v-border);align-items:center;gap:14px;height:76px;padding:0 28px;display:flex}.app-context{min-width:0;color:var(--v-muted);flex:1;font-weight:600}.app-context label{min-width:0;font-size:var(--v-text-xs);color:var(--v-muted);align-items:center;gap:14px;display:flex}.app-context select{flex:1;width:0;min-width:0;max-width:min(400px,100%);font-weight:600}.app-context>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.app-project-initial{background:var(--v-brand-soft);width:36px;height:36px;color:var(--v-brand);border-radius:8px;flex:none;place-items:center;font-size:16px;display:grid}.app-workspace-name{max-width:180px}.app-workspace-name small{color:var(--v-subtle);font-weight:400;display:block}.app-new-project{color:var(--v-brand);font-size:var(--v-text-sm);padding:10px 0;font-weight:600;text-decoration:none}.app-new-project:hover{text-decoration:underline}.app-account-label{font-size:var(--v-text-xs);color:var(--v-muted)}.app-content{outline:none;min-width:0;max-width:1800px;margin:auto;padding:24px 28px 48px}.app-page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.app-page-heading>div:first-child{min-width:0}.app-page-heading h1{font-size:var(--v-text-title);letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.2}.app-page-heading p{font-size:var(--v-text-md);color:var(--v-muted);max-width:75ch;margin:8px 0 0}.app-page-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.app-icon-button{border:1px solid var(--v-border);border-radius:var(--v-control-radius);background:var(--v-paper);cursor:pointer;min-width:44px;min-height:44px;color:var(--v-ink);justify-content:center;align-items:center;display:inline-flex}.app-menu-button{display:none}.app-mobile-navigation{background:var(--v-sidebar);width:320px;max-width:min(320px,90vw);height:100dvh;max-height:100dvh;color:var(--v-sidebar-ink);overscroll-behavior:contain;border:0;margin:0;padding:22px 16px;box-shadow:16px 0 60px #20183040}.app-mobile-navigation::backdrop{background:#19102170}.app-mobile-brand{justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.app-mobile-brand .v-logo{background:var(--v-paper);border-radius:var(--v-control-radius);width:190px;max-width:calc(100% - 56px);height:auto;padding:10px}.app-mobile-brand .app-icon-button{color:var(--v-sidebar-ink);border-color:var(--v-sidebar-border);background:0 0;flex:none}.app-shell .commerce-page,.app-shell .partner-page,.app-shell .legal-layout,.app-shell .v-admin{background:0 0;min-height:0}.app-shell .commerce-inner,.app-shell .partner-main,.app-shell .v-admin>main{width:100%;max-width:none;margin:0;padding:0}.app-shell .commerce-heading h1,.app-shell .partner-heading h1,.app-shell .v-admin h1{font-size:var(--v-text-title)}.app-shell .legal-document{max-width:100%;margin:0}.app-shell .commerce-card{border-radius:var(--v-radius-lg);box-shadow:var(--v-shadow-sm)}.app-shell .commerce-plan{border-radius:var(--v-radius-lg)}.app-shell .commerce-heading{margin-bottom:20px}.app-account-tabs{border-bottom:1px solid var(--v-border);flex-wrap:wrap;gap:8px;margin:0 0 24px;padding-bottom:12px;display:flex}.app-account-tabs a{border-radius:var(--v-radius-sm);min-height:var(--v-control-height);color:var(--v-muted);padding:8px 12px;text-decoration:none}.app-account-tabs a[aria-current=page]{background:var(--v-brand-soft);color:var(--v-brand);font-weight:600}@media (width<=1000px){.app-shell{grid-template-columns:208px minmax(0,1fr)}.app-sidebar{padding-inline:10px}.app-nav a{font-size:var(--v-text-sm);gap:8px;padding-inline:9px}.app-content{padding:24px}.app-topbar{padding-inline:24px}.app-account-label{display:none}}@media (width<=767px){.app-shell{display:block}.app-sidebar{display:none}.app-menu-button{flex-shrink:0;display:inline-flex}.app-topbar{background:var(--v-sidebar);height:auto;min-height:72px;color:var(--v-sidebar-ink);padding:10px 16px}.app-topbar .app-icon-button{color:inherit;border-color:var(--v-sidebar-border);background:0 0}.app-project-initial,.app-workspace-name,.app-new-project{display:none}.app-context{color:var(--v-sidebar-ink)}.app-context label{font-size:0;display:block}.app-shell .app-topbar .app-context select{background:var(--v-sidebar);width:100%;max-width:100%;color:var(--v-sidebar-ink);border-color:var(--v-sidebar-border);font-size:16px}.app-content{padding:20px 16px 32px}.app-page-heading{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:20px}.app-page-heading h1{font-size:clamp(1.625rem,7.2vw,1.75rem)}.app-page-actions{width:100%}.app-page-actions>button{min-height:44px}.app-page-heading p{font-size:var(--v-text-md)}.app-shell .commerce-columns{grid-template-columns:minmax(0,1fr)}.app-shell .commerce-heading{flex-wrap:wrap}.app-shell .commerce-plan-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.app-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.app-sidebar,.app-topbar,.app-skip,.app-page-actions{display:none!important}.app-shell{display:block}.app-content{padding:0}}