.td-skeleton{isolation:isolate;color:var(--muted);position:relative;overflow:hidden}.td-skeleton:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(104deg,transparent 32%,#ffffff12 47%,color-mix(in oklch,var(--brand) 10%,transparent) 51%,#ffffff0f 55%,transparent 70%);animation:td-skeleton-shimmer 2.25s var(--ease-out) infinite;position:absolute;inset:0;transform:translate(-112%)}.td-skeleton>*{z-index:1;position:relative}.td-skeleton :is(i,span:not(.td-skeleton-badge),b,small){background:color-mix(in oklch,var(--shell-control-bg,var(--surface-strong)) 60%,#ffffff17);border-radius:999px;min-height:10px;display:block;box-shadow:inset 0 1px #ffffff0d}.td-skeleton-badge{border:1px solid color-mix(in oklch,var(--brand) 30%,var(--shell-surface-border,var(--border)));background:color-mix(in oklch,var(--brand) 9%,transparent);min-height:26px;color:color-mix(in oklch,var(--brand) 72%,var(--ink));border-radius:999px;align-items:center;margin-bottom:12px;padding:0 10px;font-size:11px;font-weight:750;display:inline-flex}.td-skeleton--kpi,.td-skeleton-kpis,.td-skeleton-orders-kpis,.td-skeleton-inventory-kpis,.td-skeleton-printing-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.td-skeleton-card{background:var(--shell-panel-bg,var(--surface));min-height:112px;box-shadow:inset 0 1px 0 var(--shell-highlight,transparent),var(--shell-glass-shadow,var(--shadow));-webkit-backdrop-filter:blur(var(--shell-list-blur,14px)) saturate(var(--shell-glass-saturation,1.22));backdrop-filter:blur(var(--shell-list-blur,14px)) saturate(var(--shell-glass-saturation,1.22));border:0;border-radius:16px;grid-template-rows:14px 28px 12px;grid-template-columns:1fr auto;gap:10px;padding:16px;display:grid}.td-skeleton-card i{grid-area:1/2;width:24px;height:24px}.td-skeleton-card span{grid-area:1/1;align-self:center}.td-skeleton-card b{grid-area:2/1/auto/-1;min-height:24px}.td-skeleton-card small{grid-area:3/1;width:48%}.td-skeleton-table,.td-skeleton--table,.td-skeleton-orders-cards,.td-skeleton-order-detail-items,.td-skeleton-integrations-rows{background:color-mix(in oklch,var(--shell-panel-bg,var(--surface)) 72%,transparent);box-shadow:inset 0 1px 0 var(--shell-highlight,transparent),0 22px 62px #0000002e;-webkit-backdrop-filter:blur(var(--shell-panel-blur,20px)) saturate(var(--shell-glass-saturation,1.22));backdrop-filter:blur(var(--shell-panel-blur,20px)) saturate(var(--shell-glass-saturation,1.22));border-radius:18px;gap:0;padding:12px;display:grid}.td-skeleton-table-head,.td-skeleton-row{border-bottom:1px solid color-mix(in oklch,var(--shell-surface-border,var(--border)) 42%,transparent);align-items:center;gap:14px;min-height:58px;padding:0 8px;display:grid}.td-skeleton-table-head{grid-template-columns:repeat(4,minmax(0,1fr));min-height:38px}.td-skeleton-row:last-child{border-bottom:0}.td-skeleton--panel,.td-skeleton-panel{background:var(--shell-panel-bg,var(--surface));min-height:300px;box-shadow:inset 0 1px 0 var(--shell-highlight,transparent),0 22px 62px #0000002e;-webkit-backdrop-filter:blur(var(--shell-panel-blur,20px)) saturate(var(--shell-glass-saturation,1.22));backdrop-filter:blur(var(--shell-panel-blur,20px)) saturate(var(--shell-glass-saturation,1.22));border:0;border-radius:18px;padding:20px}.td-skeleton-panel-title{width:min(260px,54%);min-height:16px}.td-skeleton-panel-copy{width:min(420px,78%);margin-top:12px}.td-skeleton-panel-canvas{background:linear-gradient(145deg,color-mix(in oklch,var(--brand) 8%,transparent),transparent 62%);border-radius:14px;min-height:172px;margin-top:22px}.td-skeleton--settings{background:color-mix(in oklch,var(--shell-panel-bg,var(--surface)) 70%,transparent);box-shadow:inset 0 1px 0 var(--shell-highlight,transparent),0 22px 62px #00000029;border-radius:18px;gap:1px;padding:12px;display:grid}.td-skeleton-settings-nav,.td-skeleton-integrations-nav,.td-skeleton-product-form-tabs{gap:8px;padding:2px 2px 14px;display:flex;overflow:hidden}.td-skeleton-settings-nav>*,.td-skeleton-integrations-nav>*,.td-skeleton-product-form-tabs>*{flex:0 0 106px;min-height:34px}.td-skeleton-setting{border-bottom:1px solid color-mix(in oklch,var(--shell-surface-border,var(--border)) 42%,transparent);grid-template-columns:38px minmax(0,1fr) 88px;align-items:center;gap:12px;min-height:66px;padding:0 8px;display:grid}.td-skeleton-setting:last-child{border-bottom:0}.td-skeleton-setting i{width:30px;height:30px}.td-skeleton-setting b{justify-self:end;width:72px}.td-skeleton--products,.td-skeleton--orders,.td-skeleton--inventory,.td-skeleton--integrations,.td-skeleton--printing,.td-skeleton--product-form,.td-skeleton--order-detail{gap:14px;display:grid}.td-skeleton-module-heading,.td-skeleton-product-form-heading,.td-skeleton-order-detail-heading{gap:9px;max-width:480px;padding:4px 0;display:grid}.td-skeleton-module-heading small,.td-skeleton-product-form-heading small,.td-skeleton-order-detail-heading small{width:34%}.td-skeleton-module-heading b,.td-skeleton-product-form-heading b,.td-skeleton-order-detail-heading b{width:62%;min-height:30px}.td-skeleton-module-toolbar,.td-skeleton-inventory-toolbar,.td-skeleton-orders-toolbar{grid-template-columns:minmax(180px,1fr) 140px 120px 120px;gap:10px;display:grid}.td-skeleton-module-toolbar>*,.td-skeleton-inventory-toolbar>*,.td-skeleton-orders-toolbar>*{min-height:44px}.td-skeleton-module-toolbar i,.td-skeleton-inventory-toolbar i,.td-skeleton-orders-toolbar i{border-radius:12px}.td-skeleton-products-columns{border-bottom:1px solid color-mix(in oklch,var(--shell-surface-border,var(--border)) 42%,transparent);grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;min-height:38px;padding:0 8px;display:grid}.td-skeleton-products-columns span{align-self:center}.td-skeleton--products .td-skeleton-table{min-height:368px}.td-skeleton-orders-cards{gap:10px}.td-skeleton-order-card{border-bottom:1px solid color-mix(in oklch,var(--shell-surface-border,var(--border)) 42%,transparent);grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:16px;min-height:104px;padding:14px;display:grid}.td-skeleton-order-card>div:first-child{align-content:center;gap:12px;display:grid}.td-skeleton-order-card b{width:48%;min-height:16px}.td-skeleton-order-financials{grid-template-columns:repeat(3,1fr);align-content:center;gap:8px;display:grid}.td-skeleton--inventory .td-skeleton-table{min-height:240px}.td-skeleton-integrations-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.td-skeleton-integration-card{background:var(--shell-panel-bg,var(--surface));min-height:82px;box-shadow:inset 0 1px 0 var(--shell-highlight,transparent);border-radius:15px;grid-template-columns:34px minmax(0,1fr) 50px;align-items:center;gap:10px;padding:14px;display:grid}.td-skeleton-integration-card i{width:30px;height:30px}.td-skeleton-integration-card div{gap:10px;display:grid}.td-skeleton-integration-card small{width:44px}.td-skeleton-printing-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.td-skeleton-printing-panels .td-skeleton-panel{background:color-mix(in oklch,var(--shell-panel-strong,var(--surface-strong)) 78%,transparent);min-height:330px;-webkit-backdrop-filter:blur(var(--shell-panel-blur,20px)) saturate(var(--shell-glass-saturation,1.22));backdrop-filter:blur(var(--shell-panel-blur,20px)) saturate(var(--shell-glass-saturation,1.22));padding:22px}.td-skeleton-product-form-fieldset{background:color-mix(in oklch,var(--shell-panel-bg,var(--surface)) 72%,transparent);box-shadow:inset 0 1px 0 var(--shell-highlight,transparent);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;display:grid}.td-skeleton-product-form-fieldset label{gap:9px;display:grid}.td-skeleton-product-form-fieldset label span{border-radius:12px;min-height:44px}.td-skeleton-order-detail-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.td-skeleton-order-detail-summary div{background:var(--shell-panel-bg,var(--surface));min-height:104px;box-shadow:inset 0 1px 0 var(--shell-highlight,transparent);border-radius:16px}@keyframes td-skeleton-shimmer{to{transform:translate(112%)}}.td-content-settle{animation:td-content-settle var(--motion-base) var(--ease-out) both}@keyframes td-content-settle{0%{opacity:.72;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (width<=560px){.td-skeleton--kpi,.td-skeleton-kpis,.td-skeleton-orders-kpis,.td-skeleton-inventory-kpis,.td-skeleton-printing-kpis,.td-skeleton-integrations-cards,.td-skeleton-order-detail-summary{grid-template-columns:1fr}.td-skeleton-table-head{display:none}.td-skeleton-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}.td-skeleton-module-toolbar,.td-skeleton-inventory-toolbar,.td-skeleton-orders-toolbar{grid-template-columns:1fr 1fr}.td-skeleton-module-toolbar>:first-child,.td-skeleton-inventory-toolbar>:first-child,.td-skeleton-orders-toolbar>:first-child{grid-column:1/-1}.td-skeleton-printing-panels,.td-skeleton-product-form-fieldset,.td-skeleton-order-card{grid-template-columns:1fr}.td-skeleton-products-columns{grid-template-columns:repeat(4,minmax(0,1fr))}.td-skeleton-order-financials{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.td-skeleton:before,.td-content-settle{animation:none}.td-skeleton:before{opacity:.18;transform:none}}.module-loading{min-height:180px;color:var(--muted);place-items:center;display:grid}.degraded-notice{border:1px solid color-mix(in oklch, var(--warning) 46%, var(--border));background:color-mix(in oklch, var(--warning) 8%, var(--surface));border-radius:12px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;display:flex}.status-pill{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;min-height:25px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.state-degraded{color:var(--warning)}.state-maintenance{color:var(--cyan)}.state-unavailable{color:var(--danger)}.module-unavailable{border:1px solid var(--shell-surface-border,var(--border));background:var(--shell-panel-bg,var(--surface));min-height:min(420px,62dvh);box-shadow:inset 0 1px 0 var(--shell-highlight,transparent), var(--shell-glass-shadow,var(--shadow));-webkit-backdrop-filter:blur(var(--shell-glass-blur,var(--blur))) saturate(var(--shell-glass-saturation,1.15));backdrop-filter:blur(var(--shell-glass-blur,var(--blur))) saturate(var(--shell-glass-saturation,1.15));background-clip:padding-box;border-radius:20px;grid-template-columns:auto minmax(0,540px);place-content:center;gap:16px;padding:28px;display:grid;position:relative;overflow:hidden}.module-unavailable:before{content:"";background:linear-gradient(90deg, transparent, var(--shell-highlight,transparent), transparent);pointer-events:none;height:1px;position:absolute;inset:0 12% auto}.module-unavailable>*{z-index:1;position:relative}.module-state-icon{border:1px solid color-mix(in oklch, var(--danger) 28%, var(--shell-surface-border,var(--border)));background:color-mix(in oklch, var(--danger) 12%, var(--shell-control-bg,var(--surface-strong)));width:48px;height:48px;color:var(--danger);box-shadow:inset 0 1px 0 var(--shell-highlight,transparent);border-radius:14px;place-items:center;display:grid}.module-unavailable h2{margin:10px 0 6px;font-size:22px}.module-unavailable p{color:var(--muted);margin:0}.module-unavailable small{color:var(--muted);margin-top:8px;display:block}.module-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.module-actions button,.module-actions a{border:1px solid var(--shell-surface-border,var(--border));background:var(--shell-control-bg,var(--surface-strong));min-height:44px;color:var(--ink);box-shadow:inset 0 1px 0 var(--shell-highlight,transparent);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:700;text-decoration:none;transition:border-color .18s ease-out,background .18s ease-out,box-shadow .18s ease-out;display:inline-flex}.module-actions button:hover,.module-actions a:hover{border-color:color-mix(in oklch, var(--cyan) 58%, var(--shell-surface-border,var(--border)));background:color-mix(in oklch, var(--cyan) 8%, var(--shell-control-bg,var(--surface-strong)));box-shadow:inset 0 1px 0 var(--shell-highlight,transparent), 0 9px 26px color-mix(in oklch, var(--brand) 10%, transparent)}.module-actions button{border-color:color-mix(in oklch, var(--cyan) 48%, var(--border))}.module-actions svg{width:17px}@media (width<=560px){.module-unavailable{grid-template-columns:1fr;padding:20px}}.empty-module,.problem-center{border:1px solid var(--shell-surface-border,var(--border));background:var(--shell-panel-bg,var(--surface));box-shadow:inset 0 1px 0 var(--shell-highlight,transparent), var(--shell-glass-shadow,var(--shadow));-webkit-backdrop-filter:blur(var(--shell-glass-blur,var(--blur))) saturate(var(--shell-glass-saturation,1.15));backdrop-filter:blur(var(--shell-glass-blur,var(--blur))) saturate(var(--shell-glass-saturation,1.15));background-clip:padding-box;border-radius:20px;position:relative;overflow:hidden}.empty-module:before,.problem-center:before{content:"";background:linear-gradient(90deg, transparent, var(--shell-highlight,transparent), transparent);pointer-events:none;height:1px;position:absolute;inset:0 12% auto}.empty-module{text-align:center;align-content:center;place-items:center;min-height:min(440px,65dvh);padding:32px;display:grid}.empty-module>*{max-width:620px}.empty-module h2,.page-intro h2{margin:4px 0 8px;font-size:22px}.empty-module p:not(.eyebrow),.page-intro p:not(.eyebrow){color:var(--muted);margin:0}.empty-module small{color:var(--muted);margin-top:10px}.empty-icon{border:1px solid var(--shell-surface-border,var(--border));background:color-mix(in oklch, var(--cyan) 10%, var(--shell-control-bg,var(--surface-strong)));width:56px;height:56px;color:var(--cyan);box-shadow:inset 0 1px 0 var(--shell-highlight,transparent);border-radius:16px;place-items:center;margin-bottom:14px;display:grid}.eyebrow{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.problem-center{padding:20px}.page-intro{z-index:1;border-bottom:1px solid var(--shell-surface-border,var(--border));justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;display:flex;position:relative}.page-intro>svg{width:34px;height:34px;color:var(--cyan)}.healthy-state{min-height:180px;color:var(--green);justify-content:center;align-items:center;gap:10px;display:flex}.segmented-control{z-index:1;border:1px solid var(--shell-surface-border,var(--border));background:color-mix(in oklch, var(--bg-deep) 34%, transparent);-webkit-backdrop-filter:blur(var(--shell-subtle-blur,12px));backdrop-filter:blur(var(--shell-subtle-blur,12px));border-radius:14px;gap:4px;margin:18px 0 12px;padding:4px;display:flex;position:relative;overflow-x:auto}.segmented-control button{min-height:38px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 12px;font-weight:700}.segmented-control button[aria-pressed=true]{background:var(--shell-control-bg,var(--surface-strong));color:var(--cyan);box-shadow:inset 0 1px 0 var(--shell-highlight,transparent)}.incident-list{z-index:1;gap:8px;display:grid;position:relative}.incident-row{border:1px solid var(--shell-surface-border,var(--border));background:color-mix(in oklch, var(--shell-panel-strong,var(--surface-strong)) 62%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--shell-highlight,transparent) 70%, transparent);border-radius:14px;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.incident-row>svg{width:19px;color:var(--warning)}.incident-row p{color:var(--muted);margin:2px 0 0}.filter-empty{min-height:120px;color:var(--muted);justify-content:center;align-items:center;gap:8px;display:flex}@media (width<=560px){.problem-center{padding:14px}.incident-row{grid-template-columns:28px 1fr}.incident-row .status-pill{grid-column:2;justify-self:start}}.app-shell.workspace-shell{--workspace-background:#07110c;--shell-chrome-bg:#05130f66;--shell-panel-bg:#05130f4a;--shell-panel-strong:#0d2a1d6b;--shell-control-bg:#10332361;--shell-surface-border:#d2ffe12e;--shell-highlight:#ffffff1a;--shell-chrome-blur:26px;--shell-panel-blur:20px;--shell-list-blur:14px;--shell-glass-blur:var(--shell-panel-blur);--shell-control-blur:var(--shell-list-blur);--shell-subtle-blur:var(--shell-list-blur);--shell-glass-saturation:1.22;--shell-glass-shadow:0 22px 68px #00000038;isolation:isolate;background:radial-gradient(ellipse at 78% 18%, #1da4583b, transparent 38%), radial-gradient(ellipse at 14% 86%, #0c7e4e33, transparent 44%), radial-gradient(ellipse at 56% 42%, #246f441a, transparent 52%), var(--workspace-background);min-height:100dvh;position:relative;overflow-x:clip}[data-theme=light] .app-shell.workspace-shell{--workspace-background:#f7fcf8;--shell-chrome-bg:#ffffff9e;--shell-panel-bg:#ffffff8f;--shell-panel-strong:#f8fffab8;--shell-control-bg:#ffffffad;--shell-surface-border:#1f734142;--shell-highlight:#ffffffeb;--shell-chrome-blur:24px;--shell-panel-blur:18px;--shell-list-blur:12px;--shell-glass-blur:var(--shell-panel-blur);--shell-glass-shadow:0 12px 30px #0f462614}[data-theme=flat] .app-shell.workspace-shell{--workspace-background:#102018;--shell-chrome-bg:#102018;--shell-panel-bg:#193325;--shell-panel-strong:#20412e;--shell-control-bg:#20412e;--shell-chrome-blur:0px;--shell-panel-blur:0px;--shell-list-blur:0px;--shell-glass-blur:0px;--shell-glass-shadow:none;background:var(--workspace-background)}[data-theme=oled] .app-shell.workspace-shell{--workspace-background:#000;--shell-chrome-bg:#000;--shell-panel-bg:#000;--shell-panel-strong:#000;--shell-control-bg:#000;--shell-surface-border:#ffffff42;--shell-highlight:#ffffff1f;--shell-chrome-blur:0px;--shell-panel-blur:0px;--shell-list-blur:0px;--shell-glass-blur:0px;--shell-glass-shadow:none}.app-shell.workspace-shell:before,.app-shell.workspace-shell:after{content:"";z-index:0;pointer-events:none;position:fixed;inset:0}.app-shell.workspace-shell:before{filter:blur(8px);background:radial-gradient(at 80% 14%,#46e08526,#0000 34%),radial-gradient(at 8% 88%,#13995d1f,#0000 40%)}.app-shell.workspace-shell:after{mix-blend-mode:screen;background:linear-gradient(128deg,#0000 30%,#7dffb80b 48%,#0000 65%)}[data-theme=oled] .app-shell.workspace-shell:before,[data-theme=oled] .app-shell.workspace-shell:after{display:none}[data-theme=flat] .app-shell.workspace-shell:before,[data-theme=flat] .app-shell.workspace-shell:after{filter:none;mix-blend-mode:normal;display:none}.skip-link{z-index:100;background:var(--ink);color:var(--bg);border-radius:10px;padding:10px 14px;font-weight:700;position:fixed;top:-60px;left:12px}.skip-link:focus{top:10px}.topbar{z-index:20;border-bottom:1px solid var(--shell-surface-border);background:var(--shell-chrome-bg);height:64px;box-shadow:inset 0 1px 0 var(--shell-highlight);-webkit-backdrop-filter:blur(var(--shell-chrome-blur)) saturate(var(--shell-glass-saturation));backdrop-filter:blur(var(--shell-chrome-blur)) saturate(var(--shell-glass-saturation));transition:background var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out);grid-template-columns:260px 1fr auto;align-items:center;gap:16px;padding:0 20px 0 14px;display:grid;position:sticky;inset-block-start:0}.brand{white-space:nowrap;letter-spacing:.06em;align-items:center;gap:8px;font-size:12px;display:flex}.brand>img{object-fit:contain;border-radius:9px;width:34px;height:34px}.brand strong{color:var(--brand)}.brand small{border:1px solid var(--shell-surface-border);color:var(--muted);border-radius:6px;padding:2px 5px;font-size:8px}.route-heading span{color:var(--muted);font-size:11px;font-weight:600;display:block}.route-heading h1{margin:0;font-size:20px;line-height:1.15}.route-heading{min-width:0}.route-heading h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.theme-button,.icon-button{border:1px solid var(--shell-surface-border);background:var(--shell-control-bg);min-width:44px;min-height:44px;color:var(--ink);box-shadow:inset 0 1px 0 var(--shell-highlight);-webkit-backdrop-filter:blur(var(--shell-control-blur));backdrop-filter:blur(var(--shell-control-blur));cursor:pointer;border-radius:12px}.theme-button:hover,.icon-button:hover{border-color:var(--brand);background:color-mix(in oklch, var(--brand) 10%, var(--shell-control-bg));transform:translateY(-1px)}.theme-button{align-items:center;gap:8px;padding:0 12px;display:inline-flex}.theme-button svg,.icon-button svg{width:18px}.menu-button{display:none}.topbar-actions{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.notification-trigger{place-items:center;display:grid;position:relative}.notification-badge{border:2px solid var(--shell-chrome-bg);background:var(--brand);color:#03223a;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;top:-6px;right:-6px}.account-trigger{border:1px solid var(--shell-surface-border);background:var(--shell-control-bg);width:44px;height:44px;box-shadow:inset 0 1px 0 var(--shell-highlight), 0 8px 24px #0008181a;cursor:pointer;border-radius:14px;place-items:center;padding:0;display:grid}.account-trigger:hover,.account-trigger:focus-visible{border-color:color-mix(in oklch, var(--brand) 62%, var(--shell-surface-border))}.account-avatar{background:linear-gradient(135deg, color-mix(in oklch, var(--violet) 80%, #1a2d58), color-mix(in oklch, var(--brand) 60%, #123557));color:#fff;letter-spacing:.04em;border-radius:10px;place-items:center;width:31px;height:31px;font-size:11px;font-weight:800;display:grid;overflow:hidden}.account-avatar img{object-fit:cover;width:100%;height:100%}.topbar-popover{z-index:80;border:1px solid var(--shell-surface-border);background:var(--shell-panel-strong);width:min(360px,100vw - 20px);max-height:min(520px,100dvh - 84px);box-shadow:inset 0 1px 0 var(--shell-highlight), var(--shell-glass-shadow);-webkit-backdrop-filter:blur(var(--shell-glass-blur)) saturate(var(--shell-glass-saturation));backdrop-filter:blur(var(--shell-glass-blur)) saturate(var(--shell-glass-saturation));border-radius:16px;position:fixed;overflow:auto}.notification-popover{top:72px;right:74px}.account-popover{width:min(290px,100vw - 20px);top:72px;right:18px}.popover-heading{border-bottom:1px solid color-mix(in oklch, var(--shell-surface-border) 70%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 10px;display:flex}.popover-heading strong,.account-summary strong{font-size:14px;display:block}.popover-heading span,.account-summary span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.popover-action{color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.popover-empty{color:var(--muted);margin:0;padding:18px 14px;font-size:13px}.notification-list{padding:6px;display:grid}.notification-item{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:1fr auto;gap:12px;padding:12px;display:grid}.notification-item:hover,.notification-item:focus-visible{border-color:color-mix(in oklch, var(--brand) 36%, transparent);background:color-mix(in oklch, var(--brand) 8%, transparent)}.notification-item.is-unread{background:color-mix(in oklch, var(--brand) 9%, transparent)}.notification-item strong,.notification-item small{display:block}.notification-item small,.notification-item time{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.35}.notification-item time{white-space:nowrap}.account-summary{border-bottom:1px solid color-mix(in oklch, var(--shell-surface-border) 70%, transparent);align-items:center;gap:10px;padding:15px;display:flex}.account-actions{padding:6px;display:grid}.account-actions a,.account-actions button{min-height:42px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:0 10px;font-size:13px;text-decoration:none;display:flex}.account-actions a:hover,.account-actions a:focus-visible,.account-actions button:hover,.account-actions button:focus-visible{border-color:color-mix(in oklch, var(--brand) 36%, transparent);background:color-mix(in oklch, var(--brand) 8%, transparent)}.account-actions button:disabled{cursor:wait;opacity:.72}.account-actions svg{width:16px}.sidebar{z-index:20;border-right:1px solid var(--shell-surface-border);background:var(--shell-chrome-bg);width:60px;box-shadow:inset -1px 0 0 var(--shell-highlight);-webkit-backdrop-filter:blur(var(--shell-chrome-blur)) saturate(var(--shell-glass-saturation));backdrop-filter:blur(var(--shell-chrome-blur)) saturate(var(--shell-glass-saturation));transition:transform var(--motion-base) var(--ease-out), background var(--motion-base) var(--ease-out);position:fixed;inset:64px auto 0 0}.sidebar nav{flex-direction:column;gap:8px;padding:12px 8px;display:flex}.sidebar a{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;text-decoration:none;display:grid;position:relative}.sidebar a:hover,.sidebar a.active{border-color:color-mix(in oklch, var(--brand) 48%, transparent);background:color-mix(in oklch, var(--brand) 12%, transparent);color:var(--brand)}.sidebar a.active{box-shadow:inset 3px 0 var(--brand), inset 0 1px 0 var(--shell-highlight)}.sidebar a span{z-index:90;border:1px solid var(--shell-surface-border);background:var(--shell-panel-strong);width:max-content;max-width:180px;color:var(--ink);box-shadow:inset 0 1px 0 var(--shell-highlight), var(--shell-glass-shadow);-webkit-backdrop-filter:blur(var(--shell-list-blur));backdrop-filter:blur(var(--shell-list-blur));opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);border-radius:8px;padding:7px 9px;position:absolute;left:52px;transform:translate(-4px)}.sidebar a:hover span,.sidebar a:focus-visible span{opacity:1;transform:translate(0)}main{z-index:1;min-height:calc(100dvh - 64px);margin-left:60px;padding:20px;position:relative}.route-transition{min-width:0;animation:route-enter var(--motion-base) var(--ease-out) both}@keyframes route-enter{0%{opacity:0;filter:blur(2px);transform:translateY(4px)}to{opacity:1;filter:blur();transform:translateY(0)}}.nav-backdrop{display:none}@media (width<=720px){.topbar{grid-template-columns:44px 1fr auto;gap:10px;padding:0 10px}.menu-button{place-items:center;display:grid}.brand{display:none}.route-heading h1{font-size:17px}.route-heading span,.theme-button span{display:none}.topbar-actions{gap:6px}.notification-popover,.account-popover{top:70px;right:10px}.sidebar{width:232px;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar nav{padding:14px}.sidebar a{justify-content:flex-start;gap:12px;width:100%;padding:0 12px;display:flex}.sidebar a span{max-width:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;background:0 0;border:0;padding:0;display:inline;position:static;transform:none}.nav-backdrop{z-index:19;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000007a;border:0;width:100%;display:block;position:fixed;inset:64px 0 0}main{margin-left:0;padding:14px}}@media (prefers-reduced-motion:reduce){.route-transition,.app-shell.workspace-shell:before,.app-shell.workspace-shell:after{animation:none}.sidebar,.theme-button,.icon-button,.account-trigger,.sidebar a,.sidebar a span{transition:none}}.auth-surface{background:radial-gradient(circle at 85% 10%, color-mix(in oklch, var(--brand) 14%, transparent), transparent 33%), radial-gradient(circle at 15% 92%, color-mix(in oklch, var(--teal) 10%, transparent), transparent 36%), var(--bg-deep-fallback);background-color:var(--bg-deep);place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-panel{border:1px solid var(--border);background:var(--surface-fallback);background:var(--surface);width:min(100%,390px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border-radius:20px;padding:28px}.auth-brand{letter-spacing:.06em;align-items:center;gap:9px;font-size:12px;display:flex}.auth-brand img{object-fit:contain;border-radius:10px;width:38px;height:38px}.auth-brand strong{color:var(--cyan)}.auth-heading{margin:26px 0 20px}.auth-heading>svg,.auth-availability>svg{width:22px;color:var(--cyan)}.auth-heading h1,.auth-availability h1{margin:8px 0 5px;font-size:22px;line-height:1.2}.auth-heading p,.auth-availability p{color:var(--muted);margin:0}.auth-panel form{gap:8px;display:grid}.auth-panel label{margin-top:8px;font-size:13px;font-weight:650}.auth-panel input{border:1px solid var(--border);background:color-mix(in oklch, var(--surface-strong) 84%, transparent);min-height:44px;color:var(--ink);border-radius:12px;padding:0 12px}.auth-primary{background:var(--green);color:#06291b;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;margin-top:14px;font-weight:750;display:inline-flex}.auth-primary:disabled,.auth-secondary:disabled{opacity:.72;cursor:progress}.auth-secondary{border:1px solid var(--border);min-height:40px;color:var(--cyan);cursor:pointer;background:0 0;border-radius:12px;font-weight:700}.auth-primary svg,.auth-loading svg{width:18px;animation:none}.auth-primary:disabled svg,.auth-loading svg{animation:.9s linear infinite auth-spin}.auth-error{color:var(--danger);margin:18px 0 0;font-weight:600}.auth-availability,.auth-loading{text-align:center}.auth-availability .auth-primary{width:100%}.auth-loading{color:var(--muted);justify-items:center;gap:12px;display:grid}.auth-shell-error{z-index:80;border:1px solid color-mix(in oklch, var(--danger) 60%, var(--border));background:var(--surface-strong);max-width:min(100vw - 36px,440px);color:var(--ink);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:fixed;bottom:18px;right:18px}.auth-shell-error button{color:var(--cyan);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:7px 9px;font-weight:700}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (width<=420px){.auth-surface{padding:16px}.auth-panel{padding:24px 20px}}:root,[data-theme=dark]{--bg-fallback:#07110c;--bg:oklch(12% .018 151);--bg-deep-fallback:#020704;--bg-deep:oklch(5.5% .01 151);--surface-fallback:#091f1694;--surface:oklch(18% .028 151/.58);--surface-strong:oklch(23% .032 151/.72);--ink-fallback:#f2fff8;--ink:oklch(97.5% .012 151);--muted:oklch(76% .025 151);--border:oklch(67% .08 151/.3);--brand:oklch(72% .16 151);--data-cyan:oklch(80% .12 196);--data-teal:oklch(72% .15 174);--cyan:var(--brand);--teal:var(--brand);--green:var(--brand);--warning:oklch(81% .16 82);--danger:oklch(70% .2 24);--focus:oklch(78% .17 151);--blur:24px;--shadow:0 18px 52px #0000002e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg-fallback:#f5fbf7;--bg:oklch(97.5% .012 151);--bg-deep-fallback:#eaf5ed;--bg-deep:oklch(93.5% .02 151);--surface-fallback:#ffffffd1;--surface:oklch(100% 0 0/.76);--surface-strong:oklch(98.5% .012 151/.88);--ink-fallback:#143021;--ink:oklch(23% .042 151);--muted:oklch(42% .035 151);--border:oklch(55% .1 151/.38);--brand:oklch(50% .15 151);--data-cyan:oklch(56% .13 196);--data-teal:oklch(52% .14 174);--cyan:var(--brand);--teal:var(--brand);--green:var(--brand);--warning:oklch(64% .14 82);--danger:oklch(56% .18 24);--focus:oklch(46% .15 151);--blur:20px;--shadow:0 14px 38px #1041261a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=flat]{--bg-fallback:#102018;--bg:#102018;--bg-deep-fallback:#08120d;--bg-deep:#08120d;--surface-fallback:#193325;--surface:#193325;--surface-strong:#20412e;--ink-fallback:#f2fff8;--ink:#f2fff8;--muted:#b5c9bb;--border:#83cd9d5c;--brand:oklch(72% .16 151);--data-cyan:oklch(80% .12 196);--data-teal:oklch(72% .15 174);--cyan:var(--brand);--teal:var(--brand);--green:var(--brand);--warning:oklch(81% .16 82);--danger:oklch(70% .2 24);--focus:var(--brand);--blur:0px;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=oled]{--bg-fallback:#000;--bg:#000;--bg-deep-fallback:#000;--bg-deep:#000;--surface-fallback:#000;--surface:#000;--surface-strong:#000;--ink-fallback:#fff;--ink:#fff;--muted:#c9c9c9;--border:#ffffff3d;--brand:oklch(72% .16 151);--data-cyan:oklch(80% .12 196);--data-teal:oklch(72% .15 174);--cyan:var(--brand);--teal:var(--brand);--green:var(--brand);--warning:oklch(81% .16 82);--danger:oklch(70% .2 24);--focus:var(--brand);--blur:0px;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--motion-fast:.15s;--motion-base:.22s;--motion-slow:.3s;--ease-out:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{font:14px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}body{background:var(--bg-fallback);background:var(--bg);min-width:320px;color:var(--ink);margin:0}button,input,select,textarea{font:inherit}a{color:inherit}button,a,input,select,textarea{transition:color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), opacity var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.td-motion-surface,.td-popover,.inventory-modal,.integration-modal,.printing-dialog,.orders-reveal-dialog{transition:transform var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out), border-color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), filter var(--motion-base) var(--ease-out)}.td-motion-surface:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff24,0 12px 30px #0000001f}.td-popover,[role=dialog]{animation:td-surface-settle var(--motion-base) var(--ease-out) both}@keyframes td-surface-settle{0%{opacity:0;filter:blur(2px);transform:translateY(5px)}to{opacity:1;filter:blur();transform:translateY(0)}}[data-theme=oled] .auth-surface,[data-theme=oled] .auth-panel,[data-theme=oled] .td-popover,[data-theme=oled] .inventory-modal,[data-theme=oled] .integration-modal,[data-theme=oled] .printing-dialog,[data-theme=oled] .orders-reveal-dialog,[data-theme=oled] .inventory-modal-backdrop,[data-theme=oled] .integration-modal-backdrop,[data-theme=oled] .printing-dialog-backdrop,[data-theme=oled] .orders-reveal-backdrop{box-shadow:none;background:#000}[data-theme=oled] .inventory-modal-backdrop,[data-theme=oled] .integration-modal-backdrop,[data-theme=oled] .printing-dialog-backdrop,[data-theme=oled] .orders-reveal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--border:currentColor}:focus-visible{outline-width:4px}}