.app-hub{--app-hub-easing:cubic-bezier(.22, 1, .36, 1);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.app-hub-backdrop{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;animation:app-hub-backdrop-enter 1.2s var(--app-hub-easing) both;position:absolute;inset:0}.app-hub-panel{z-index:10;width:520px;max-width:calc(100% - 2 * var(--spacing-400));max-height:calc(100% - 2 * var(--spacing-400));background:var(--color-background);animation:app-hub-panel-enter .7s var(--app-hub-easing) .2s both;border-radius:20px;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.app-hub-header{height:190px;padding:var(--spacing-600) var(--spacing-600) 0;border-bottom:1px solid #f5f5f5;flex-direction:column;justify-content:space-between;display:flex;position:relative}.app-hub-close{top:var(--spacing-300);right:var(--spacing-300);border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-neutral-400);transition:background-color var(--duration-normal) var(--easing-out);justify-content:center;align-items:center;display:flex;position:absolute}.app-hub-close:hover{background:#0000000d}.app-hub-close svg{width:16px;height:16px}.app-hub-close,.app-hub-logo,.app-hub-card{outline:none}.app-hub-close:focus-visible,.app-hub-logo:focus-visible,.app-hub-card:focus-visible{box-shadow:0 0 0 var(--ring-width) color-mix(in srgb, var(--color-ring) 50%, transparent)}.app-hub-heading{gap:var(--spacing-100);flex-direction:column;display:flex}.app-hub-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.154px;color:var(--color-foreground);margin:0;line-height:20px}.app-hub-subtitle{font-size:var(--font-size-xs);color:var(--color-foreground);margin:0;line-height:20px}.app-hub-logo-row{padding:0 var(--spacing-100) 25px 0;justify-content:flex-end;display:flex}.app-hub-logo{border-radius:var(--radius-sm);display:inline-flex}.app-hub-grid{gap:var(--spacing-300);padding:var(--spacing-600) var(--spacing-500);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(116.75px,auto);display:grid}.app-hub-card{gap:var(--spacing-300);padding:var(--spacing-400);background:var(--app-hub-tone-card);text-align:left;color:inherit;border:0;border-radius:14px;flex-direction:column;display:flex;position:relative}a.app-hub-card{cursor:pointer;transition:transform .35s var(--app-hub-easing), box-shadow .35s var(--app-hub-easing), filter .35s ease}a.app-hub-card:hover{filter:brightness(.97);transform:translateY(-3px);box-shadow:0 8px 24px -4px #0000000d,0 2px 8px -2px #00000008}a.app-hub-card:active{transform:translateY(-1px)scale(.985);box-shadow:0 2px 6px -2px #0000000a}.app-hub-card:disabled{cursor:not-allowed;opacity:.5}.app-hub-card-icon{background:var(--app-hub-tone-icon-bg);width:40px;height:40px;color:var(--app-hub-tone-icon);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-hub-card-icon svg{width:20px;height:20px}.app-hub-card-text{gap:var(--spacing-50);flex-direction:column;display:flex}.app-hub-card-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-foreground);margin:0;line-height:15px}.app-hub-card-description{font-size:var(--font-size-2xs);letter-spacing:.12px;color:var(--color-muted-foreground);margin:0;line-height:13.75px}.app-hub-soon{padding:var(--spacing-50) var(--spacing-150);border-radius:var(--radius-full);background:var(--color-neutral-100);font-size:9px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-neutral-600);line-height:13.5px;position:absolute;top:11px;right:11px}.app-hub-card[data-tone=products]{--app-hub-tone-icon:var(--color-blue-500);--app-hub-tone-icon-bg:#0047ff0d;--app-hub-tone-card:#0047ff0d}.app-hub-card[data-tone=counterparties]{--app-hub-tone-icon:#7c3aed;--app-hub-tone-icon-bg:#f5f3ff;--app-hub-tone-card:#7c3aed1a}.app-hub-card[data-tone=orders]{--app-hub-tone-icon:#059669;--app-hub-tone-icon-bg:#0596690f;--app-hub-tone-card:#0596690f}.app-hub-card[data-tone=invoices]{--app-hub-tone-icon:#c026d3;--app-hub-tone-icon-bg:#c026d30f;--app-hub-tone-card:#c026d30f}.app-hub-card[data-tone=inactive]{--app-hub-tone-icon:var(--color-neutral-600);--app-hub-tone-icon-bg:#f5f5f6;--app-hub-tone-card:#f5f5f6}@keyframes app-hub-backdrop-enter{0%{opacity:0}}@keyframes app-hub-panel-enter{0%{opacity:0;transform:translateY(20px)scale(.97)}}@media (prefers-reduced-motion:reduce){.app-hub-backdrop,.app-hub-panel{animation:none}a.app-hub-card{transition:none}}