.console-app{--control-height:var(--ui-console-control-height);--secondary-height:var(--ui-console-secondary-height);--radius-lg:var(--ui-radius-md);--console-ink:var(--ui-ink);--console-muted:var(--ui-secondary);--console-line:var(--ui-border);--console-surface:var(--ui-bg);--console-canvas:var(--ui-bg);--console-faint:var(--ui-faint);--console-content-width:960px;min-height:100dvh;color:var(--console-ink);background:var(--console-canvas);font-family:var(--font-sans);font-size:var(--font-body);grid-template-rows:auto 1fr;grid-template-columns:232px minmax(0,1fr);line-height:1.6;display:grid}.console-header{grid-column:1/-1}.console-app *,.console-app :before,.console-app :after{box-sizing:border-box}.console-app :focus-visible{outline:2px solid var(--ui-selected-ink);outline-offset:3px}.console-icon{flex:none}.console-scroll{scrollbar-gutter:stable}.console-scroll::-webkit-scrollbar{width:6px;height:6px}.console-scroll::-webkit-scrollbar-track{background:0 0}.console-scroll::-webkit-scrollbar-corner{background:0 0}.console-scroll::-webkit-scrollbar-thumb{background:var(--ui-input-border);border-radius:999px}.console-scroll::-webkit-scrollbar-button{width:0;height:0;display:none}@supports not selector(::-webkit-scrollbar){.console-scroll{scrollbar-width:thin;scrollbar-color:var(--ui-input-border) transparent}}.console-sidebar{background:var(--console-surface);align-self:start;height:calc(100dvh - 64px);padding:20px 14px;position:sticky;top:64px;overflow-y:auto}.console-nav{gap:20px;display:grid}.console-nav__group{gap:4px;display:grid}.console-nav__caption{color:var(--ui-faint);margin:0 12px 7px;font-size:11px;font-weight:500}.console-nav a{border-radius:var(--ui-radius-sm);min-height:36px;color:var(--console-ink);transition:background var(--ui-motion) ease,color var(--ui-motion) ease;align-items:center;gap:10px;padding:7px 12px;font-size:14px;font-weight:400;text-decoration:none;display:flex}.console-nav a:hover{background:var(--ui-hover)}.console-nav a.is-active{color:var(--ui-selected-ink);background:var(--ui-selected);font-weight:500}.console-main{min-width:0;padding:24px clamp(20px,3vw,32px) 40px}.console-page-header{width:min(var(--console-content-width),100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:32px;margin:0 auto 16px;display:flex}.console-page-header h1{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:600}.console-page-actions{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.console-page-content{width:min(var(--console-content-width),100%);min-width:0;animation:fadeUp var(--ui-motion-enter) var(--ui-ease) both;margin:0 auto}.console-app--list{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.console-app--list .console-main{flex-direction:column;min-height:0;padding-bottom:0;display:flex}.console-app--list .console-page-header{flex-shrink:0}.console-app--list .console-page-content{flex-direction:column;flex:1;min-height:0;display:flex}.console-app--form{--console-content-width:760px}.console-app--payment{--console-content-width:520px}.console-state{text-align:center;align-content:center;justify-items:center;gap:16px;min-height:min(300px,50dvh);padding:32px 16px;display:grid}.console-state__icon{color:#818791;background:var(--ui-hover);border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.console-state__message{color:var(--console-muted);font-size:var(--font-body);overflow-wrap:anywhere;margin:0}.console-state__spinner{border:2px solid #e1e3e5;border-top-color:#727984;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite console-state-spin}.console-state--inline{border:1px solid var(--border-default);border-radius:var(--radius-sm);text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;min-height:0;margin-bottom:16px;padding:12px 16px;display:flex}@keyframes console-state-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.console-app{display:block}.console-app--list{grid-template-columns:minmax(0,1fr);display:grid}.console-sidebar{display:none}.console-main{padding:20px 16px 32px}.console-page-header{gap:12px;margin-bottom:16px}.console-nav a{min-height:44px}.console-page-header h1{font-size:20px}}@media (prefers-reduced-motion:reduce){.console-page-content,.console-state__spinner{animation:none}.console-nav a{transition:none}}
