.cutting-display{--ink:#172e3a;--muted:#58707c;box-sizing:border-box;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:normal}.cutting-display *{box-sizing:border-box}.cutting-display.board{background:linear-gradient(140deg,#f5faf9,#e8f0f4);grid-template-rows:auto auto minmax(0,1fr) auto;gap:18px;height:100dvh;padding:clamp(16px,2vw,34px);display:grid;overflow:hidden}.cutting-display header,.display-section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.cutting-display h1,.cutting-display h2,.cutting-display h3,.cutting-display p{margin:0}.cutting-display h1{letter-spacing:-.035em;font-size:clamp(24px,2.2vw,46px)}.display-eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.15em;font-size:12px;margin-bottom:6px!important}.display-status{color:#256957;align-items:center;gap:16px;font-size:14px;display:flex}.display-status time{color:var(--ink);font-size:30px;font-weight:600}.display-status.stale{color:#8a4917}.display-counters{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.display-counters>div{background:#ffffffc9;border:1px solid #d9e5e7;border-radius:16px;align-items:baseline;gap:16px;padding:16px 22px;display:flex}.display-counters strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(24px,2.3vw,44px)}.display-counters span{color:var(--muted);font-size:14px}.display-active{flex-direction:column;gap:12px;min-height:0;display:flex}.display-section-heading h2{font-size:clamp(17px,1.3vw,26px)}.display-section-heading p{color:var(--muted);font-size:13px}.display-active-grid{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:14px;min-height:0;display:grid}.display-order{background:#fff;border:2px solid #c5d7dc;border-radius:18px;flex-direction:column;min-height:0;padding:clamp(12px,1vw,20px);display:flex;overflow:hidden;box-shadow:0 5px 18px #203c4510}.display-owner{justify-content:space-between;align-items:center;gap:8px;display:flex}.display-owner strong{text-transform:uppercase;font-size:clamp(14px,1.1vw,23px)}.display-owner small{color:var(--muted);font-size:11px}.display-order h3{letter-spacing:-.045em;overflow-wrap:anywhere;margin:5px 0;font-size:clamp(30px,3.2vw,66px);line-height:1.15}.display-source{color:var(--muted);font-size:13px}.display-codes{overflow-wrap:anywhere;font-size:clamp(13px,1vw,20px);margin:6px 0!important}.display-codes small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.display-order[data-long-number] h3{font-size:clamp(24px,2.2vw,45px)}.display-order-bottom{justify-content:space-between;align-items:end;gap:8px;margin-top:auto;display:flex}.display-order-bottom strong{white-space:nowrap;font-size:clamp(19px,1.8vw,32px)}.display-order-bottom span{text-align:right;font-size:13px}.tone-attention{background:#fffdf3;border-color:#ceaa4d}.tone-warning{background:#fff6ea;border-color:#d7893c}.tone-severe{background:#fff0ed;border-color:#bf5b50}.tone-blocked{background:#f0f3fa;border-color:#8c9bb3}.display-waiting{flex-direction:column;gap:10px;display:flex}.display-waiting-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;display:grid}.display-waiting-grid article{background:#ffffffa6;border:1px solid #d1dfe2;border-radius:10px;flex-direction:column;gap:3px;min-width:0;padding:10px;display:flex}.display-waiting-grid strong{overflow-wrap:anywhere;font-size:clamp(16px,1.3vw,26px)}.display-waiting-grid span{color:var(--muted);font-size:11px}.display-overflow{text-align:right;font-size:16px;font-weight:600}.display-empty{color:var(--muted);font-size:24px;margin:auto!important}.display-closed{text-align:center;grid-area:2/1/5/-1;place-self:center;max-width:850px}.display-closed>span{color:#829ea9;font-size:120px}.display-closed h2{margin-bottom:20px;font-size:clamp(28px,4vw,66px)}.display-closed p{color:var(--muted);font-size:22px;line-height:1.6}.display-stale-notice{background:#fff0d5;border-radius:10px;padding:8px 20px;font-size:14px;position:fixed;bottom:8px;left:50%;transform:translate(-50%)}.cutting-display.pairing{background:#eef4f6;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:30px;display:flex}.pairing>div{gap:24px;max-width:640px;display:grid}.pairing p{line-height:1.6}.pairing label{flex-direction:column;gap:8px;display:flex}.pairing input{letter-spacing:.12em;background:#fff;border:1px solid #a4bac4;border-radius:12px;width:100%;padding:18px;font-size:22px}.pairing button{color:#fff;cursor:pointer;background:#264e5e;border:0;border-radius:12px;margin-top:16px;padding:16px 24px}.pairing button:disabled{opacity:.5}.cutting-pool-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;padding:0;list-style:none;display:grid}.cutting-pool-list button{background:var(--surface,#fff);border:1px solid #d9e2e7;border-radius:10px;flex-direction:column;gap:6px;width:100%;padding:14px;display:flex}.cutting-transfer-card{border-top:1px solid #d9e2e7;gap:10px;padding:18px 0;display:grid}@media (width<=1300px){.cutting-display.board{gap:12px;padding:16px}.display-counters>div{gap:8px;padding:12px}.display-counters span{font-size:12px}.display-order-bottom{flex-wrap:wrap}.display-waiting-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.display-waiting-grid article{flex-direction:row;justify-content:space-between;align-items:center;padding:5px 10px}}@media (width<=799px){.display-active-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.display-counters>div{flex-direction:column;gap:2px;padding:8px}.display-counters strong{font-size:22px}.display-status{flex-direction:column;gap:5px;font-size:10px}.display-status time{font-size:20px}.display-owner{flex-direction:column;align-items:start}.display-owner small{font-size:10px}.display-waiting-grid article{flex-direction:column;align-items:start}.display-waiting-grid span{font-size:9px}.display-section-heading p{font-size:10px}.display-order-bottom span{font-size:11px}.display-closed p{font-size:16px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fff;--color-bg-tint:#fff;--color-surface:#fff;--color-surface-raised:#f4f4f4;--color-surface-soft:#fafafa;--color-surface-overlay:#fffffff7;--color-fill:#0000000b;--color-fill-strong:#00000016;--color-text:#000;--color-text-muted:#2e2e2e;--color-text-subtle:#4a4a4a;--color-text-inverse:#fff;--color-camera-text:#fff;--color-border:#0000001a;--color-border-strong:#0003;--color-stitch:#00000047;--color-accent:#000;--color-accent-hover:#1f1f1f;--color-accent-pressed:#000;--color-accent-contrast:#fff;--color-accent-soft:#0000000a;--color-accent-line:#000000d9;--color-accent-text:#000;--color-on-accent-fill:#ffffff38;--color-success:#12823b;--color-success-soft:#12823b12;--color-success-line:#12823b73;--color-success-text:#000;--color-warning:#b45f00;--color-warning-soft:#d68c001a;--color-warning-line:#b45f0080;--color-warning-text:#000;--color-danger:#d1242f;--color-danger-soft:#d1242f12;--color-danger-line:#d1242f80;--color-danger-text:#000;--color-info:#000;--color-info-soft:#00000009;--color-info-line:#0000004d;--color-info-text:#000;--color-connected:var(--color-success);--color-disconnected:var(--color-danger);--color-focus:#0000008c;--color-focus-ring:#00000029;--color-disabled:#e6e6e6;--color-disabled-text:#5e5e5e;--color-scrim:#0006;--color-camera:#050606;--color-camera-glow:#202324;--color-camera-shade:#0000009e;--color-camera-control:#00000061;--color-camera-text-muted:#ffffffb8;--color-qr-paper:#fff;--color-source-trendhome:#000;--color-source-outletperdele:#000;--color-source-trendyol:#000;--color-source-b2b:#000;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 10px 28px #0000001a;--shadow-nav:0 -1px 0 var(--color-border);--shadow-sheet:0 -12px 36px #0000001f;--shadow-accent:0 8px 20px #00000038;--shadow-lift:0 10px 22px #0000002e;--font-sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-md:.9375rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.125rem;--text-metric:2rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--weight-regular:450;--weight-medium:560;--weight-semibold:650;--weight-bold:740;--tracking-tight:-.022em;--tracking-display:-.032em;--tracking-caps:.075em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-xs:8px;--radius-sm:11px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--control-sm:36px;--control-md:44px;--control-lg:52px;--control-xl:58px;--nav-height:64px;--header-height:56px;--sidebar-width:248px;--content-max:1320px;--motion-press:.11s;--motion-fast:.15s;--motion-standard:.2s;--motion-screen:.24s;--motion-success:.38s;--motion-stage:.45s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--z-sticky:20;--z-nav:30;--z-sheet:50;--z-toast:60;--z-intro:100;--color-intro-bg:#060504;--color-intro-surface:#0e0c09;--color-intro-border:#ffeccd1a;--color-intro-rim:#fbefd9;--color-intro-rim-glow:#e8c48c8c;--color-intro-glow:#ba864880;--color-intro-glow-soft:#ba864833;--color-intro-gold:#d6b380;--color-intro-gold-light:#f2dfba;--color-intro-ink:#1c150c;--color-intro-ring:#f2d6a8d9;--color-intro-sheen:#e2be80e6;--color-intro-vignette:#000000b3;--color-intro-text:#fffaf2;--color-intro-text-fresh:#e9c98e;--color-intro-icon:#fff6e6bf;--color-intro-map-coast:#70aaffc7;--color-intro-map-border:#70aaff75;--color-intro-map-grid:#70aaff24;--color-intro-map-key:#4a86ff33;--color-intro-map-scan:#badeff;--color-intro-map-label:#b8d2ffb3;--color-intro-map-label-key:#deecffeb;--color-intro-city:#f4d7a2;--color-intro-city-halo:#e9c98e33;--safe-top:max(12px, env(safe-area-inset-top));--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-camera-text:#fff;--color-bg:#0e0f11;--color-bg-tint:#121417;--color-surface:#17191c;--color-surface-raised:#1f2226;--color-surface-soft:#131518;--color-surface-overlay:#17191cf5;--color-fill:#f2eee80f;--color-fill-strong:#f2eee81a;--color-text:#f3f0ea;--color-text-muted:#aba69e;--color-text-subtle:#8f8a82;--color-text-inverse:#16130f;--color-border:#f2eee816;--color-border-strong:#f2eee826;--color-stitch:#f2eee833;--color-accent:#ee7b63;--color-accent-hover:#f48b74;--color-accent-pressed:#e06a52;--color-accent-contrast:#210d07;--color-accent-soft:#ee7b631c;--color-accent-line:#ee7b636b;--color-accent-text:#f6a28f;--color-success:#6fcf97;--color-success-soft:#6fcf971a;--color-success-line:#6fcf9752;--color-success-text:#a6e4bf;--color-warning:#e3b061;--color-warning-soft:#e3b0611a;--color-warning-line:#e3b06152;--color-warning-text:#ecca94;--color-danger:#ff6b6b;--color-danger-soft:#ff6b6b1a;--color-danger-line:#ff6b6b66;--color-danger-text:#ffb3b3;--color-info:#8fb3d9;--color-info-soft:#8fb3d91a;--color-info-line:#8fb3d94d;--color-info-text:#bcd3ec;--color-connected:var(--color-success);--color-disconnected:var(--color-danger);--color-focus:#ee7b6399;--color-disabled:#4a4b4e;--color-disabled-text:#8d8b88;--color-scrim:#050607b8;--color-camera:#050606;--color-source-trendhome:#c9beb6;--color-source-outletperdele:#b5c2d5;--color-source-trendyol:#eaa86b;--color-source-b2b:#cfbea4;--shadow-sm:0 1px 0 #ffffff08 inset, 0 1px 2px #0000004d;--shadow-md:0 10px 28px #00000052;--shadow-nav:0 -1px 0 var(--color-border), 0 -12px 32px #00000047;--shadow-sheet:0 -14px 42px #00000061;--shadow-accent:0 8px 22px #ee7b6347;--shadow-lift:0 10px 22px #0006}*{box-sizing:border-box}html{background:var(--color-bg)}body{background:var(--color-bg);min-width:320px;min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizelegibility;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}h1,h2,p{margin-top:0}.eyebrow{color:var(--color-text-subtle);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);line-height:var(--leading-snug);text-transform:uppercase;margin:0 0 6px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.boot-screen{place-content:center;justify-items:center;gap:var(--space-4);min-height:100dvh;padding:var(--space-6);color:var(--color-text);text-align:center;display:grid}.boot-screen p{max-width:32ch;font-size:var(--text-md);margin:0}.boot-progress{background:var(--color-fill-strong);border-radius:3px;width:120px;height:3px;overflow:hidden}.boot-progress:after{content:"";border-radius:inherit;background:var(--color-text);width:40%;height:100%;animation:button-progress 1.1s var(--ease-in-out) infinite;display:block}@keyframes boot-in{0%{opacity:0;transform:scale(.9)}}.state-icon{border-radius:var(--radius-md);background:var(--color-fill);width:52px;height:52px;color:var(--color-text);place-items:center;display:inline-grid}.loading-state{gap:var(--space-3);min-width:0;padding:var(--space-2) 0;display:grid}.loading-state .skeleton-card{border-radius:var(--radius-lg);height:112px}.loading-state .skeleton-block{border-radius:var(--radius-lg);height:220px}.loading-label{color:var(--color-text-muted);font-size:var(--text-sm);align-items:center;gap:10px;margin:0;display:inline-flex}.inline-spinner{border:2px solid var(--color-fill-strong);border-top-color:var(--color-text);border-radius:50%;flex:none;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{justify-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-5);border:1px dashed var(--color-stitch);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;display:grid}.empty-state .state-icon{margin-bottom:var(--space-2)}.empty-state h2{font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0}.empty-state p{max-width:40ch;color:var(--color-text-muted);font-size:var(--text-md);margin:0}.empty-state .button{width:100%;max-width:360px;margin-top:var(--space-3);justify-content:space-between}.error-sheet{padding-top:var(--space-6)}.error-state{justify-items:center;gap:var(--space-2);text-align:center;display:grid}.error-state .state-icon{margin-bottom:var(--space-2);background:var(--color-danger-soft);color:var(--color-danger)}.error-state .eyebrow{margin:0}.error-state h2{font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0}.error-state>p:not(.eyebrow){max-width:40ch;color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.error-state .button{width:100%;max-width:420px;margin-top:var(--space-3)}.error-state.compact{padding:var(--space-4);border:1px solid var(--color-danger-line);border-radius:var(--radius-md);background:var(--color-danger-soft);text-align:left;justify-items:start}.error-state.compact .state-icon{width:40px;height:40px}.page-header{gap:6px;min-width:0;display:grid}.page-header .eyebrow{margin:0}.page-header h1,.screen-heading h1{font-size:clamp(1.75rem,7.4vw,2.25rem);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);margin:0}.page-header>p:not(.eyebrow),.screen-heading>p{max-width:52ch;color:var(--color-text-muted);font-size:var(--text-md);line-height:var(--leading-normal);margin:0}.page-header-row{justify-content:space-between;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.screen-stack{gap:var(--space-5);min-width:0;display:grid}.screen-heading{margin-bottom:0}.password-input{position:relative}.password-input input{padding-right:104px}.password-toggle{min-width:88px;min-height:var(--control-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:background-color var(--motion-fast) ease, border-color var(--motion-fast) ease;padding:0 12px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle[aria-pressed=true]{border-color:var(--color-text);background:var(--color-fill)}.password-required{border:1.5px solid var(--color-text);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);line-height:var(--leading-normal);gap:4px;padding:12px 14px;display:grid}.password-required strong{font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase}.password-rules{text-align:left;margin:-4px 0 0}.login-page{width:min(100%,460px);min-height:100dvh;padding:calc(var(--safe-top) + 32px) var(--space-5) calc(var(--safe-bottom) + var(--space-5));flex-direction:column;justify-content:center;margin:auto;display:flex}.login-brand{margin-bottom:var(--space-8);align-items:center;gap:12px;display:flex}.login-logo{height:30px}.login-app{border-left:1px solid var(--color-border-strong);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.2em;text-transform:uppercase;padding-left:12px;line-height:30px}@media (width>=720px){.login-logo{height:36px}.login-app{line-height:36px}}.login-card{gap:var(--space-5);width:100%;animation:screen-in var(--motion-screen) var(--ease-out);background:0 0;padding:0;display:grid}.login-heading{margin-bottom:4px}.login-heading h1{max-width:14ch;font-size:clamp(2rem,9vw,2.5rem);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);margin:0 0 8px;line-height:1.05}.login-heading p{color:var(--color-text-muted);margin:0}.demo-notice,.preview-notice{border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);line-height:var(--leading-normal);padding:11px 12px}.demo-notice{border:1px solid var(--color-border-strong);background:var(--color-surface-soft)}.preview-notice{border:1px solid var(--color-warning-line);background:var(--color-warning-soft)}.demo-notice span,.preview-notice span,.preview-indicator,.profile-preview-label{border-radius:var(--radius-pill);width:fit-content;font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;align-items:center;display:inline-flex}.demo-notice span{background:var(--color-fill-strong);margin-right:7px;padding:3px 7px}.preview-notice span{background:var(--color-warning-soft);margin-right:7px;padding:3px 7px}.form-error{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);align-items:center;gap:6px;margin:-6px 0 0;display:flex}.form-error:before{content:"";background:var(--color-danger);border-radius:50%;flex:none;width:8px;height:8px}.session-notice{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-soft);color:var(--color-text);font-size:var(--text-sm);line-height:var(--leading-normal);margin:-4px 0 0;padding:10px 12px}.login-footnote{margin:var(--space-5) 0 0;color:var(--color-text-subtle);text-align:center;font-size:var(--text-xs)}.source-badge{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);width:fit-content;min-height:22px;color:var(--color-text);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:.05em;text-transform:uppercase;align-items:center;padding:0 8px;display:inline-flex}.source-trendhome{color:var(--color-source-trendhome)}.source-outletperdele{color:var(--color-source-outletperdele)}.source-trendyol{color:var(--color-source-trendyol)}.source-b2b{color:var(--color-source-b2b)}.stage-label{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);align-items:center;gap:8px;display:inline-flex}.stage-label>span{background:var(--color-text);width:24px;height:24px;color:var(--color-bg);font-size:var(--text-2xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;border-radius:8px;flex:none;place-items:center;display:inline-grid}.stage-label.muted{color:var(--color-text-muted)}.stage-label.muted>span{background:var(--color-fill-strong);color:var(--color-text)}.stage-label.unavailable{color:var(--color-text)}.stage-label.unavailable>span{background:var(--color-warning-soft);color:var(--color-text)}.production-roadmap{min-width:0;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.roadmap-heading{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.roadmap-heading h2{font-size:var(--text-lg);font-weight:var(--weight-bold);margin:2px 0 0}.roadmap-heading>span{color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:var(--weight-semibold);flex:none}.roadmap-unavailable{border-radius:var(--radius-xs);background:var(--color-warning-soft);width:fit-content;color:var(--color-text);font-size:var(--text-sm);margin:0 0 12px;padding:7px 10px}.roadmap-track{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-color:var(--color-fill-strong) transparent;gap:10px;max-width:100%;margin:0;padding:2px 2px 10px;scroll-padding-inline:4px;display:flex;overflow-x:auto}.roadmap-stage{border:1px solid var(--color-border);border-radius:var(--radius-md);scroll-snap-align:center;min-width:160px;min-height:88px;color:var(--color-text-muted);flex:0 0 160px;grid-template-columns:32px 1fr;align-items:center;gap:10px;padding:12px;display:grid;position:relative}.roadmap-stage:not(:last-child):after{content:"";background:var(--color-border-strong);width:10px;height:1px;position:absolute;top:50%;right:-11px}.roadmap-marker{background:var(--color-fill);width:32px;height:32px;color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:10px;place-items:center;display:grid}.roadmap-copy{gap:4px;min-width:0;display:grid}.roadmap-copy small{color:var(--color-text-subtle);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:.05em;text-transform:uppercase}.roadmap-copy strong{color:var(--color-text);font-size:var(--text-sm);line-height:var(--leading-snug);overflow-wrap:anywhere}.roadmap-stage.completed{border-color:var(--color-success-line)}.roadmap-stage.completed .roadmap-marker{background:var(--color-success-soft);color:var(--color-success)}.roadmap-stage.current{border:1.5px solid var(--color-text);background:var(--color-surface);color:var(--color-text)}.roadmap-stage.current .roadmap-marker{background:var(--color-text);color:var(--color-bg)}.roadmap-stage.current .roadmap-copy small{color:var(--color-text)}.segmented{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented button{min-width:0;min-height:var(--control-md);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:background-color var(--motion-standard) var(--ease-out), color var(--motion-fast) ease, box-shadow var(--motion-standard) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 8px;display:flex;position:relative}.segmented button[aria-selected=true]{background:var(--color-text);color:var(--color-bg);box-shadow:var(--shadow-sm)}.segmented button span{background:var(--color-fill-strong);min-width:20px;color:inherit;font-size:var(--text-xs);font-variant-numeric:tabular-nums;border-radius:7px;padding:2px 6px}.segmented button[aria-selected=true] span{background:var(--color-on-accent-fill)}.order-list{gap:10px;display:grid}.order-card{min-height:168px;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);text-align:left;transition:transform var(--motion-standard) var(--ease-out), border-color var(--motion-fast) ease, box-shadow var(--motion-standard) var(--ease-out);flex-direction:column;align-items:stretch;display:flex;position:relative}.order-card:active{transform:scale(.985)}@media (hover:hover){.order-card:hover{border-color:var(--color-text);box-shadow:var(--shadow-md);transform:translateY(-2px)}}.order-card-top,.order-card-stage,.order-relation{justify-content:space-between;align-items:center;gap:12px;display:flex}.order-card-top>strong{font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:-.02em}.order-product{color:var(--color-text-muted);font-size:var(--text-md);margin-top:10px}.order-card-stage{margin-top:var(--space-5)}.order-card-stage>svg{color:var(--color-text);transition:transform var(--motion-standard) var(--ease-out)}@media (hover:hover){.order-card:hover .order-card-stage>svg{transform:translate(3px)}}.order-relation{padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-xs);margin-top:auto}.order-relation time{color:var(--color-text-subtle);font-variant-numeric:tabular-nums}.handover-note{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:14px;display:flex}.handover-note strong{font-size:var(--text-sm)}.handover-note p{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug);margin:4px 0 0}.detail-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 16px;padding-bottom:4px;display:flex}.detail-hero h1{font-family:var(--font-sans);margin:10px 0 0}.product-detail+.product-detail{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.product-detail>div{justify-content:space-between;gap:10px;display:flex}.product-detail>div span{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--text-xs)}.project-location{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-bold);overflow-wrap:anywhere;margin:0 0 6px}.project-opening,.project-reference{color:var(--color-text-muted);font-size:var(--text-md);overflow-wrap:anywhere;margin:4px 0 0}.product-detail dl{margin:var(--space-4) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.product-detail dl div{gap:3px;display:grid}.product-detail dt{color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.product-detail dd{font-size:var(--text-md);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.production-note{padding:var(--space-5);border:1px solid var(--color-warning-line);border-radius:var(--radius-lg);background:var(--color-warning-soft)}.production-note .eyebrow{color:var(--color-text);align-items:center;gap:8px;display:inline-flex}.production-note .eyebrow:before{content:"";background:var(--color-warning);border-radius:50%;width:8px;height:8px}.production-note>p:last-child{color:var(--color-text);font-size:var(--text-md);line-height:var(--leading-normal);white-space:pre-line;margin:0}.mini-timeline{gap:12px;display:flex}.mini-timeline>span{background:var(--color-text);border-radius:50%;flex:none;width:9px;height:9px;margin-top:5px}.mini-timeline div{gap:4px;display:grid}.mini-timeline time{color:var(--color-text-muted);font-size:var(--text-xs)}.order-notice{border:1px solid var(--color-warning-line);border-radius:var(--radius-sm);background:var(--color-warning-soft);color:var(--color-text);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0;padding:11px 13px 11px 34px;position:relative}.order-notice:before{content:"";background:var(--color-warning);border-radius:50%;width:8px;height:8px;position:absolute;top:17px;left:14px}.order-notice-muted{border-color:var(--color-border);background:var(--color-surface-soft)}.order-notice-muted:before{background:var(--color-text-subtle)}.order-notice-warning{border-color:var(--color-danger-line);background:var(--color-danger-soft)}.order-notice-warning:before{background:var(--color-danger)}.review-sheet .order-notice{margin-bottom:12px}.order-action-panel{padding:var(--space-4);gap:12px;display:grid}.order-action-done{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-bold);align-items:center;gap:8px;margin:0;display:inline-flex}.order-action-done:before{content:"";background:var(--color-success);border-radius:50%;width:8px;height:8px}.commerce-status{color:var(--color-text-muted);font-size:var(--text-xs);margin:0;padding:0 4px}.commerce-status b{color:var(--color-text);font-weight:var(--weight-semibold)}.commerce-status small{color:var(--color-text-subtle)}.range-scroll{scrollbar-width:none;gap:6px;padding:2px;display:flex;overflow-x:auto}.range-scroll::-webkit-scrollbar{display:none}.range-scroll button{min-height:var(--control-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:background-color var(--motion-standard) var(--ease-out), color var(--motion-fast) ease, transform var(--motion-press) var(--ease-out);flex:none;padding:0 14px}.range-scroll button:active{transform:scale(.96)}.range-scroll button.active{border-color:var(--color-text);background:var(--color-text);color:var(--color-bg)}.date-range{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:1fr auto 1fr;align-items:end;gap:9px;display:grid}.date-range label{color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);gap:6px;display:grid}.date-range input{min-width:0;min-height:var(--control-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-soft);color:var(--color-text);font-size:var(--text-base);padding:0 8px}.date-range>span{color:var(--color-text-muted);padding-bottom:12px}.metrics-grid{padding:var(--space-4) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.metrics-grid>div{gap:6px;min-width:0;padding:0 10px;display:grid}.metrics-grid>div+div{border-left:1px solid var(--color-border)}.metrics-grid span{color:var(--color-text-muted);font-size:var(--text-xs)}.metrics-grid strong{font-size:var(--text-xl);font-variant-numeric:tabular-nums;line-height:1}.metrics-grid strong small{color:var(--color-text-muted);font-size:var(--text-xs);margin-left:2px}.history-list{padding-top:4px}.history-list h2{font-size:var(--text-md);font-weight:var(--weight-bold);margin:0 0 8px}.history-row{border:0;border-bottom:1px solid var(--color-border);width:100%;min-height:76px;color:var(--color-text);text-align:left;transition:background-color var(--motion-fast) ease;background:0 0;grid-template-columns:44px 10px 1fr auto;align-items:center;gap:10px;padding:0 4px;display:grid}@media (hover:hover){.history-row:hover{background:var(--color-surface-soft)}}.history-row>time{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.history-dot{background:var(--color-text);border-radius:50%;width:8px;height:8px}.history-dot-claimed{background:var(--color-text-subtle)}.history-dot-production_completed{background:var(--color-success)}.history-copy{gap:6px;min-width:0;display:grid}.history-copy>span{align-items:center;gap:8px;display:flex}.history-copy small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-row>svg{color:var(--color-text)}.profile-identity{align-items:center;gap:var(--space-4);margin:4px 0;display:flex}.profile-avatar{background:var(--color-text);width:64px;height:64px;color:var(--color-bg);font-size:var(--text-lg);font-weight:var(--weight-bold);border-radius:50%;flex:none;place-items:center;display:grid}.profile-identity h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);margin:0 0 4px}.profile-identity h1+p{color:var(--color-text-muted);font-size:var(--text-md);margin:0}.profile-preview-label{background:var(--color-warning-soft);min-height:24px;color:var(--color-text);margin-top:10px;padding:0 8px}.profile-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.profile-panel>div{min-height:56px;padding:0 var(--space-4);justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-panel>div+div{border-top:1px solid var(--color-border)}.profile-panel span{color:var(--color-text-muted);font-size:var(--text-sm)}.profile-panel strong{font-size:var(--text-sm);text-align:right;overflow-wrap:anywhere}.security-note{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:12px;display:flex}.security-note>span{color:var(--color-success)}.security-note strong{font-size:var(--text-sm)}.security-note p{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-normal);margin:4px 0 0}.scanner-screen{background:var(--color-camera);min-height:100dvh;color:var(--color-camera-text)}.camera-view{background:radial-gradient(circle at 50% 42%, var(--color-camera-glow), var(--color-camera) 64%);transition:filter var(--motion-standard) ease, transform var(--motion-standard) ease;position:fixed;inset:0;overflow:hidden}.camera-view video,.camera-fallback{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera-fallback{z-index:-1;background:linear-gradient(160deg, var(--color-camera-glow), var(--color-camera) 62%)}.camera-view:after{content:"";pointer-events:none;background:linear-gradient(to bottom, var(--color-camera-shade), transparent 24%, transparent 62%, var(--color-camera-shade));position:absolute;inset:0}.camera-dimmed{filter:blur(7px)brightness(.46);transform:scale(1.02)}.scanner-toolbar{z-index:3;top:var(--safe-top);grid-template-columns:48px 1fr 48px;align-items:center;display:grid;position:absolute;left:16px;right:16px}.scanner-toolbar>span{color:var(--color-camera-text-muted);text-align:center;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.scanner-toolbar button{border:1px solid var(--color-camera-text-muted);border-radius:var(--radius-md);background:var(--color-camera-control);width:48px;height:48px;color:var(--color-camera-text);transition:transform var(--motion-press) var(--ease-out);place-items:center;padding:0;display:grid}.scanner-toolbar button:active{transform:scale(.94)}.scanner-toolbar button.active{border-color:var(--color-camera-text);background:var(--color-camera-text);color:var(--color-camera)}.scanner-target{z-index:2;aspect-ratio:1;width:min(68vw,300px);position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.scanner-target i{border-color:var(--color-camera-text);border-style:solid;width:56px;height:56px;position:absolute}.scanner-target i:first-child{border-width:3px 0 0 3px;border-radius:16px 0 0;top:0;left:0}.scanner-target i:nth-child(2){border-width:3px 3px 0 0;border-radius:0 16px 0 0;top:0;right:0}.scanner-target i:nth-child(3){border-width:0 3px 3px 0;border-radius:0 0 16px;bottom:0;right:0}.scanner-target i:nth-child(4){border-width:0 0 3px 3px;border-radius:0 0 0 16px;bottom:0;left:0}.scanner-target>span{background:var(--color-camera-text);opacity:.8;border-radius:2px;height:2px;position:absolute;top:50%;left:9%;right:9%}.scanner-instruction{z-index:3;left:20px;right:20px;bottom:calc(174px + env(safe-area-inset-bottom));text-align:center;gap:6px;display:grid;position:absolute}.scanner-instruction strong{font-size:var(--text-lg)}.scanner-instruction span{color:var(--color-camera-text-muted);font-size:var(--text-sm)}.camera-start{z-index:4;left:18px;right:18px;bottom:calc(22px + env(safe-area-inset-bottom));gap:9px;display:grid;position:absolute}.scanner-manual-switch{z-index:4;left:18px;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));display:grid;position:absolute}.manual-link{min-height:var(--control-md);color:var(--color-camera-text-muted);font-size:var(--text-sm);text-underline-offset:4px;background:0 0;border:0;text-decoration:underline}.manual-panel{z-index:8;left:12px;right:12px;bottom:max(12px, var(--safe-bottom));padding:10px var(--space-5) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sheet);color:var(--color-text);animation:panel-in var(--motion-screen) var(--ease-out);gap:12px;display:grid;position:absolute}@keyframes panel-in{0%{opacity:.4;transform:translateY(18px)}}.sheet-handle{background:var(--color-fill-strong);border-radius:99px;width:36px;height:4px;margin:0 auto 4px}.resolving-card{z-index:5;left:50%;bottom:calc(40px + env(safe-area-inset-bottom));width:min(100% - 36px,360px);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);grid-template-columns:24px 1fr;align-items:center;gap:3px 10px;display:grid;position:absolute;transform:translate(-50%)}.resolving-card .inline-spinner{grid-row:1/3}.resolving-card small{color:var(--color-text-muted)}.bottom-sheet{z-index:var(--z-sheet);width:min(100%,620px);max-height:calc(100dvh - var(--safe-top));padding:10px var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom));border:1px solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sheet);animation:sheet-in var(--motion-screen) var(--ease-out);border-bottom:0;display:grid;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}@keyframes sheet-in{0%{opacity:.4;transform:translate(-50%,18px)}}.review-heading{margin:8px 0 var(--space-4);justify-content:space-between;align-items:center;gap:12px;display:flex}.review-heading h2{font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:-.02em;margin:8px 0 0}.verified-mark{background:var(--color-success-soft);width:42px;height:42px;color:var(--color-success);font-weight:var(--weight-bold);border-radius:50%;flex:none;place-items:center;display:grid}.review-product{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-soft)}.review-product>strong{font-size:var(--text-md);margin-bottom:4px;display:block}.review-product>span{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--text-xs)}.review-product dl{margin:var(--space-4) 0 0;padding-top:var(--space-3);border-top:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.review-product dl div{min-width:0}.review-product dt{color:var(--color-text-subtle);font-size:var(--text-xs)}.review-product dd{font-size:var(--text-sm);font-weight:var(--weight-semibold);overflow-wrap:anywhere;margin:4px 0 0}.stage-transition{padding:var(--space-4) 2px;grid-template-columns:1fr auto 1fr;align-items:end;gap:9px;display:grid}.stage-transition>div{gap:8px;display:grid}.stage-transition small,.stage-transition>span{color:var(--color-text-muted);font-size:var(--text-xs)}.review-sheet>.button+.button{margin-top:9px}.confirmation-layer{z-index:calc(var(--z-sheet) + 5);background:var(--color-scrim);animation:fade-in var(--motion-standard) ease-out;place-items:center;padding:18px;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.confirmation-card{width:min(100%,430px);padding:var(--space-6);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text);text-align:center;box-shadow:var(--shadow-md);animation:card-in var(--motion-screen) var(--ease-spring)}@keyframes card-in{0%{opacity:0;transform:scale(.96)translateY(8px)}}.confirm-icon{margin-bottom:var(--space-4);background:var(--color-text);color:var(--color-bg)}.confirmation-card h2{font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0 0 8px}.confirmation-card>p:not(.eyebrow){color:var(--color-text-muted)}.confirm-transition{margin:var(--space-5) 0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-soft);justify-items:center;gap:8px;display:grid}.confirm-transition>span{color:var(--color-text-muted)}.confirmation-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.server-note{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:12px;display:block}.success-state{z-index:var(--z-sheet);background:var(--color-bg);color:var(--color-text);text-align:center;animation:fade-in var(--motion-standard) ease-out;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.success-check{width:76px;height:76px;margin-bottom:var(--space-5);background:var(--color-text);color:var(--color-bg);animation:check-in var(--motion-success) var(--ease-spring);border-radius:50%;place-items:center;display:grid}@keyframes check-in{0%{opacity:0;transform:scale(.7)}}.success-state h2{max-width:16ch;margin:0 0 var(--space-4);font-size:clamp(1.75rem,8vw,2.25rem);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);line-height:1.08}.success-state>div{width:min(100%,390px);margin-top:var(--space-6);gap:9px;display:grid}.return-section{gap:10px;display:grid}.return-card{text-align:left;max-height:calc(100dvh - 36px);overflow-y:auto}.return-card h2{font-size:var(--text-xl)}.fault-picker{min-width:0;margin:var(--space-4) 0 10px;border:0;gap:8px;padding:0;display:grid}.fault-picker legend{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-bold);margin-bottom:6px}.check-field{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);min-height:52px;font-size:var(--text-md);cursor:pointer;transition:border-color var(--motion-fast) ease, background-color var(--motion-fast) ease;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.check-field:has(input:checked){border-color:var(--color-text);background:var(--color-surface-soft)}.check-field input{width:22px;height:22px;accent-color:var(--color-text)}.check-field span{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.check-field small{color:var(--color-text-muted)}.fault-action .check-field{grid-template-columns:24px minmax(0,1fr);margin:12px 0}.fault-total{color:var(--color-text-muted);margin:4px 0 14px}.fault-total b{color:var(--color-text)}.return-card .field{margin-bottom:12px}.fault-lines{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.fault-lines li{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-soft);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.fault-lines li span{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.fault-lines small,.fault-facts dt{color:var(--color-text-muted);font-size:var(--text-xs)}.fault-facts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:14px 0 0;display:grid}.fault-facts dd{font-weight:var(--weight-semibold);overflow-wrap:anywhere;margin:3px 0 0}.exception-status{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);min-height:28px;color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-bold);text-align:right;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.exception-status:before{content:"";background:var(--color-warning);border-radius:50%;flex:none;width:7px;height:7px}.status-approved:before{background:var(--color-success)}.status-rejected:before,.status-cancelled:before{background:var(--color-danger)}.exception-banner{border:1.5px solid var(--color-danger);border-radius:var(--radius-md);background:var(--color-danger-soft);width:100%;color:var(--color-text);text-align:left;transition:transform var(--motion-press) var(--ease-out);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.exception-banner:active{transform:scale(.985)}.exception-banner span:first-child{gap:3px;display:grid}.exception-banner small{color:var(--color-text-muted)}.exceptions-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.exceptions-card ul{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.exception-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;min-height:60px;color:var(--color-text);text-align:left;transition:border-color var(--motion-fast) ease, transform var(--motion-press) var(--ease-out), box-shadow var(--motion-standard) var(--ease-out);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.exception-row:active{transform:scale(.985)}@media (hover:hover){.exception-row:hover{border-color:var(--color-text);box-shadow:var(--shadow-sm)}}.exception-row>span:first-child{overflow-wrap:anywhere;gap:3px;min-width:0;display:grid}.exception-row small{color:var(--color-text-muted)}.exception-row.needs-action{border-color:var(--color-text);border-width:1.5px}.qr-capture{gap:10px;display:grid}.qr-capture-view{border-radius:var(--radius-md);background:var(--color-camera);display:none;overflow:hidden}.qr-capture-view.active{display:block}.qr-capture-view video{object-fit:cover;width:100%;max-height:260px;display:block}.qr-capture-hint{color:var(--color-text-muted);text-align:center;margin:0}.qr-manual{gap:10px;display:grid}.decision-list{gap:10px;margin:8px 0 0;padding-left:18px;display:grid}.decision-list li{gap:3px;display:grid}.decision-list small{color:var(--color-text-muted);overflow-wrap:anywhere}.live-notice{z-index:calc(var(--z-sheet) + 10);left:12px;right:12px;top:calc(var(--safe-top) + 6px);border:1.5px solid var(--color-text);border-radius:var(--radius-lg);background:var(--color-surface);max-width:520px;color:var(--color-text);box-shadow:var(--shadow-md);animation:toast-in var(--motion-screen) var(--ease-spring);margin:0 auto;padding:14px 16px;position:fixed}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}}.live-notice p{font-weight:var(--weight-semibold);line-height:var(--leading-snug);margin:0 0 10px}.live-notice div{flex-wrap:wrap;gap:8px;display:flex}.live-connection{z-index:calc(var(--z-sheet) + 9);left:50%;bottom:calc(var(--safe-bottom) + var(--nav-height) + 20px);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-size:var(--text-xs);white-space:nowrap;box-shadow:var(--shadow-sm);pointer-events:none;align-items:center;gap:8px;margin:0;padding:7px 12px;display:inline-flex;position:fixed;transform:translate(-50%)}.live-connection:before{content:"";background:var(--color-warning);width:7px;height:7px;animation:refresh-pulse 1.2s var(--ease-in-out) infinite;border-radius:50%}.document-blocked{padding:var(--space-4) 18px;border:2px solid var(--color-danger);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-text);gap:4px;display:grid}.document-blocked strong{font-size:var(--text-lg);letter-spacing:.04em;color:var(--color-text)}.document-blocked span{font-size:var(--text-md);line-height:var(--leading-snug)}.qr-panel{gap:12px;min-width:0;display:grid}.qr-panel h2{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:.01em;margin:0}.qr-authority{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);align-items:center;gap:8px;margin:0;padding:9px 12px;display:flex}.qr-authority:before{content:"";border-radius:50%;flex:none;width:8px;height:8px}.qr-authority-arasya:before{background:var(--color-success)}.qr-authority-source:before{background:var(--color-warning)}.qr-active{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-width:0;display:grid}.qr-preview{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-qr-paper);width:168px;height:168px;image-rendering:pixelated;padding:6px}.qr-active-meta{gap:8px;min-width:0;display:grid}.qr-state{font-weight:var(--weight-bold);margin:0}.qr-state-active{color:var(--color-text);align-items:center;gap:8px;display:inline-flex}.qr-state-active:before{content:"";background:var(--color-success);border-radius:50%;width:8px;height:8px}.qr-rotate select{width:100%;min-height:var(--control-lg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-soft);color:var(--color-text);font-size:var(--text-base);padding:0 12px}.qr-rotate-buttons{flex-wrap:wrap;gap:10px;display:flex}.qr-history summary{min-height:var(--control-md);color:var(--color-text);font-weight:var(--weight-semibold);cursor:pointer;align-items:center;display:flex}.qr-history ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.qr-history li{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);grid-template-columns:auto 1fr;gap:2px 10px;padding:9px 11px;display:grid}.qr-history li small{color:var(--color-text-muted);overflow-wrap:anywhere;grid-column:1/-1}.qr-history-superseded,.qr-history-revoked{opacity:.7}.qr-history-active{border-color:var(--color-success-line)!important}@media (width<=420px){.qr-active{grid-template-columns:1fr;justify-items:start}}.document-request{gap:8px;min-width:0;display:grid}.document-changes{gap:6px;margin:0;padding:0;list-style:none;display:grid}.document-changes li{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:4px 8px;padding:9px 11px;display:grid}.document-changes li strong{color:var(--color-text-muted);font-size:var(--text-xs);grid-column:1/-1}.document-changes li span:last-child{font-weight:var(--weight-bold)}.document-lookup{gap:10px;min-width:0;display:grid}.document-lookup h2{font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0}.document-lookup-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.document-lookup-results{gap:8px;margin:0;padding:0;list-style:none;display:grid}.stage-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.stage-table th,.stage-table td{border-bottom:1px solid var(--color-border);text-align:right;font-variant-numeric:tabular-nums;padding:10px 6px}.stage-table th[scope=row],.stage-table thead th:first-child{text-align:left;font-weight:var(--weight-semibold)}.stage-table thead th{color:var(--color-text-subtle);font-size:var(--text-2xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em}.stage-table tr.is-empty{color:var(--color-text-subtle)}.stage-ordinal{background:var(--color-fill-strong);width:22px;height:22px;font-size:var(--text-2xs);border-radius:7px;place-items:center;margin-right:8px;display:inline-grid}.cutting-work .cutting-pool-list button strong{font-family:var(--font-mono)}.cutting-work .cutting-pool-list button small{color:var(--color-text-muted);text-transform:capitalize}@media (width<=420px){.stage-table th:nth-child(4),.stage-table td:nth-child(4){display:none}}@media (width<=370px){.segmented button{font-size:var(--text-xs);padding:0 5px}}@media (height<=690px) and (width<=719px){.login-page{padding-top:calc(var(--safe-top) + 24px);justify-content:flex-start}.scanner-target{width:min(54vw,250px);top:39%}.scanner-instruction{bottom:calc(155px + env(safe-area-inset-bottom))}}@media (width>=720px){.order-list{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-screen{align-items:start;gap:var(--space-5);grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr);display:grid}.detail-screen>.back-link,.detail-hero,.detail-screen>.production-roadmap{grid-column:1/-1}.detail-screen>.detail-products{grid-row:span 3}.scanner-target{width:min(42vw,360px)}.camera-start{width:390px;left:50%;right:auto;transform:translate(-50%)}}@media (width>=1024px){.order-list{grid-template-columns:repeat(3,minmax(0,1fr))}.live-connection{bottom:24px}}.boot-screen h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);margin:0}.product-detail .product-key dd{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-.02em}@media (width>=720px){.detail-screen>.detail-products{grid-row:auto}}.roadmap-track:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-md)}:where(button,input,select,textarea){font:inherit;color:inherit}:where(button){cursor:pointer}:where(button:disabled){cursor:not-allowed}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}:where(h1,h2,h3){text-wrap:balance}::selection{background:var(--color-accent-soft)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.button{isolation:isolate;min-height:var(--control-lg);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.005em;text-align:center;transition:transform var(--motion-standard) var(--ease-out), box-shadow var(--motion-standard) var(--ease-out), background-color var(--motion-fast) ease, border-color var(--motion-fast) ease, color var(--motion-standard) ease;border:1.5px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 18px;display:inline-flex;position:relative;overflow:hidden}.button>svg{transition:transform var(--motion-standard) var(--ease-out);flex:none}.button:active:not(:disabled){box-shadow:0 0 0 4px var(--color-fill-strong);transition-duration:var(--motion-press);transform:scale(.965)}.button:disabled{opacity:1}.button-primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast)}.button-primary:disabled{border-color:var(--color-disabled);background:var(--color-disabled);color:var(--color-disabled-text)}.button-secondary{border-color:var(--color-text);background:var(--color-surface);color:var(--color-text)}.button-secondary:disabled{border-color:var(--color-border-strong);color:var(--color-disabled-text)}.button-ghost{border-color:var(--color-border-strong);color:var(--color-text);background:0 0}.button-secondary:before,.button-ghost:before{content:"";z-index:-1;background:var(--color-text);transform-origin:100%;transition:transform .32s var(--ease-out);position:absolute;inset:0;transform:scaleX(0)}.button-link{min-height:var(--control-md);color:var(--color-text);font-weight:var(--weight-semibold);text-underline-offset:4px;background:0 0;padding:0 6px;text-decoration:underline;text-decoration-thickness:1px}.button-large{min-height:var(--control-xl);justify-content:space-between;width:100%;padding:0 20px}.button-block{width:100%}.button-compact{min-height:var(--control-md);font-size:var(--text-sm);gap:8px;padding:0 14px}.button-demo{border-color:var(--color-border-strong);width:100%;color:var(--color-text);background:0 0}.button-preview{border-color:var(--color-warning-line);background:var(--color-warning-soft);width:100%;color:var(--color-warning-text)}.button-danger-outline{border-color:var(--color-danger-line);background:var(--color-danger-soft);width:100%;color:var(--color-danger-text)}@media (hover:hover){.button-primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.button-primary:hover:not(:disabled)>svg:last-child{transform:translate(3px)}.button-primary:active:not(:disabled){box-shadow:0 0 0 4px var(--color-fill-strong);transform:translateY(0)scale(.965)}.button-secondary:hover:not(:disabled),.button-ghost:hover:not(:disabled){border-color:var(--color-text);color:var(--color-bg)}.button-secondary:hover:not(:disabled):before,.button-ghost:hover:not(:disabled):before{transform-origin:0;transform:scaleX(1)}.button-secondary:hover:not(:disabled)>svg,.button-ghost:hover:not(:disabled)>svg{transform:rotate(-8deg)scale(1.08)}.button-link:hover{text-decoration-thickness:2px}}.button[aria-busy=true]{cursor:progress}.button[aria-busy=true]:after{content:"";opacity:.6;width:40%;height:3px;animation:button-progress 1s var(--ease-in-out) infinite;background:currentColor;position:absolute;bottom:0;left:0}@keyframes button-progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}.button-primary:not(:disabled){animation:button-ready var(--motion-success) var(--ease-spring)}@keyframes button-ready{0%{transform:scale(.97)}}.brand-mark{background:var(--color-accent);width:34px;height:34px;color:var(--color-accent-contrast);letter-spacing:-.05em;border-radius:10px;flex:none;place-items:center;font-size:1rem;font-weight:850;display:inline-grid}.field{min-width:0;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:7px;display:grid}.field input,.field select,.field textarea{width:100%;min-height:var(--control-lg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-soft);color:var(--color-text);font-size:var(--text-base);font-weight:var(--weight-medium);transition:border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;padding:0 14px}.field textarea{resize:vertical;min-height:76px;line-height:var(--leading-normal);padding:12px 14px}.field input::placeholder,.field textarea::placeholder{color:var(--color-text-subtle);font-weight:var(--weight-regular)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-text);background:var(--color-surface);box-shadow:0 0 0 4px var(--color-focus-ring);outline:none}.field [aria-invalid=true]{border-color:var(--color-danger-line)}.field-hint{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-regular);line-height:var(--leading-snug);margin:0}.field-error{color:var(--color-danger-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-snug);align-items:flex-start;gap:6px;margin:0;display:flex}.field-error>svg{color:var(--color-danger);flex:none;margin-top:1px}.field-error{animation:notice-in var(--motion-success) var(--ease-out)}.confirm-check{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-text);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;transition:border-color var(--motion-fast) ease, background-color var(--motion-fast) ease;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:12px;padding:14px;display:grid}.confirm-check input{width:22px;height:22px;accent-color:var(--color-accent);cursor:pointer;margin:1px 0 0}.confirm-check:has(input:checked){border-color:var(--color-accent-line);background:var(--color-accent-soft)}.confirm-check:has(input:disabled){cursor:not-allowed;color:var(--color-text-muted)}.status-pill{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-fill);width:fit-content;max-width:100%;min-height:26px;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:var(--leading-snug);align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.status-pill>svg{flex:none}.status-pill.tone-success>svg{color:var(--color-success)}.status-pill.tone-warning>svg{color:var(--color-warning)}.status-pill.tone-danger>svg{color:var(--color-danger)}.status-pill.tone-accent{border-color:var(--color-accent-line);background:var(--color-accent-soft);color:var(--color-accent-text)}.status-pill.tone-success{border-color:var(--color-success-line);background:var(--color-success-soft);color:var(--color-success-text)}.status-pill.tone-warning{border-color:var(--color-warning-line);background:var(--color-warning-soft);color:var(--color-warning-text)}.status-pill.tone-danger{border-color:var(--color-danger-line);background:var(--color-danger-soft);color:var(--color-danger-text)}.status-pill.tone-info{border-color:var(--color-info-line);background:var(--color-info-soft);color:var(--color-info-text)}.notice{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-soft);color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal);grid-template-columns:20px minmax(0,1fr);gap:10px;margin:0;padding:12px 14px;display:grid}.notice>svg{margin-top:1px}.notice strong{color:var(--color-text)}.notice.tone-success{border-color:var(--color-success-line);background:var(--color-success-soft);color:var(--color-success-text)}.notice.tone-warning{border-color:var(--color-warning-line);background:var(--color-warning-soft);color:var(--color-warning-text)}.notice.tone-danger{border-color:var(--color-danger-line);background:var(--color-danger-soft);color:var(--color-danger-text)}.notice.tone-info{border-color:var(--color-info-line);background:var(--color-info-soft);color:var(--color-info-text)}.notice.tone-success>svg{color:var(--color-success)}.notice.tone-warning>svg{color:var(--color-warning)}.notice.tone-danger>svg{color:var(--color-danger)}.notice.is-entering{animation:notice-in var(--motion-success) var(--ease-out)}@keyframes notice-in{0%{opacity:0;transform:translateY(-4px)}}.skeleton{border-radius:var(--radius-xs);background:var(--color-fill);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--color-fill), transparent);animation:shimmer 1.4s var(--ease-in-out) infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-line{height:12px}.skeleton-title{width:62%;height:22px}.task-steps{grid-template-columns:repeat(var(--steps,5), minmax(0, 1fr));counter-reset:step;gap:0;margin:0;padding:0;list-style:none;display:grid;position:relative}.task-step{text-align:center;min-width:0;color:var(--color-text-subtle);justify-items:center;gap:7px;padding:0 2px;display:grid;position:relative}.task-step:not(:last-child):after{content:"";background:var(--color-border-strong);border-radius:2px;height:2px;position:absolute;top:15px;left:calc(50% + 19px);right:calc(19px - 50%)}.task-step.is-done:not(:last-child):after{background:var(--color-success-line)}.task-step-marker{border:1.5px solid var(--color-border-strong);background:var(--color-surface);width:32px;height:32px;font-size:var(--text-xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;transition:background-color var(--motion-stage) var(--ease-out), border-color var(--motion-stage) var(--ease-out), color var(--motion-stage) var(--ease-out), transform var(--motion-stage) var(--ease-spring);border-radius:11px;place-items:center;display:grid}.task-step-copy{gap:2px;min-width:0;display:grid}.task-step-copy strong{color:inherit;font-size:var(--text-2xs);font-weight:var(--weight-semibold);line-height:var(--leading-snug);overflow-wrap:anywhere}.task-step-copy small{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug);display:none}.task-step.is-done{color:var(--color-text-muted)}.task-step.is-done .task-step-marker{border-color:var(--color-success-line);background:var(--color-success-soft);color:var(--color-success)}.task-step.is-current{color:var(--color-text)}.task-step.is-current .task-step-marker{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast);box-shadow:0 0 0 4px var(--color-accent-soft);transform:scale(1.06)}.task-step.is-ready .task-step-marker{border-color:var(--color-info-line);background:var(--color-info-soft);color:var(--color-info)}.task-step.is-blocked{color:var(--color-warning-text)}.task-step.is-blocked .task-step-marker{border-color:var(--color-warning-line);background:var(--color-warning-soft);color:var(--color-warning)}.task-steps-current{border-top:1px dashed var(--color-stitch);color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-snug);flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:14px 0 0;padding-top:12px;display:flex}.task-steps-current strong{color:var(--color-text)}.task-steps-vertical .task-steps{grid-template-columns:1fr;gap:4px}.task-steps-vertical .task-step{text-align:left;grid-template-columns:32px minmax(0,1fr);place-items:start;gap:12px;padding:6px 0 10px}.task-steps-vertical .task-step:not(:last-child):after{width:2px;height:auto;inset:40px auto -2px 15px}.task-steps-vertical .task-step-copy{padding-top:5px}.task-steps-vertical .task-step-copy strong{font-size:var(--text-md)}.task-steps-vertical .task-step-copy small{display:block}.task-steps-vertical .task-steps-current{display:none}.app-shell{min-height:100dvh}.app-main{width:100%;min-width:0;max-width:960px;padding:0 max(16px, var(--safe-right)) calc(var(--nav-height) + var(--safe-bottom) + 32px) max(16px, var(--safe-left));margin:0 auto}.app-header{min-height:calc(var(--header-height) + var(--safe-top));padding-top:var(--safe-top);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.app-brand{min-height:var(--control-md);color:var(--color-text);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.header-actions{align-items:center;gap:8px;min-width:0;display:flex}.system-status{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);min-width:0;min-height:32px;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;align-items:center;gap:7px;padding:0 11px;display:inline-flex}.system-status-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px;position:relative}.status-connected .system-status-dot{color:var(--color-connected)}.status-checking .system-status-dot{color:var(--color-warning)}.status-disconnected{color:var(--color-danger-text)}.status-disconnected .system-status-dot{color:var(--color-disconnected)}.preview-indicator{border:1px solid var(--color-warning-line);background:var(--color-warning-soft);min-height:26px;color:var(--color-warning-text);padding:0 9px}.profile-control{width:var(--control-md);height:var(--control-md);border:1px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.02em;transition:transform var(--motion-press) var(--ease-out), border-color var(--motion-fast) ease;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.profile-control:active{transform:scale(.95)}.app-content{min-width:0}.app-content>*{animation:screen-in var(--motion-screen) var(--ease-out)}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}}@media (width<=359px){.system-status{justify-content:center;width:32px;padding:0}.system-status-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.detail-hero h1{font-size:clamp(1.75rem,7.4vw,2.25rem);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);margin:0}.back-link{width:fit-content;min-height:var(--control-md);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);background:0 0;border:0;align-items:center;gap:6px;margin-left:-6px;padding:0 10px 0 6px;display:inline-flex}@media (hover:hover){.back-link:hover{background:var(--color-fill);color:var(--color-text)}}.app-nav{z-index:var(--z-nav);min-height:calc(var(--nav-height) + var(--safe-bottom));padding:0 max(6px, var(--safe-right)) var(--safe-bottom) max(6px, var(--safe-left));border-top:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-nav);grid-template-columns:repeat(2,minmax(0,1fr)) 84px repeat(2,minmax(0,1fr));align-items:stretch;display:grid;position:fixed;bottom:0;left:0;right:0}.app-nav-brand{display:none}.nav-item{min-width:0;min-height:var(--nav-height);color:var(--color-text-subtle);transition:color var(--motion-fast) ease;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0 2px;display:flex;position:relative}.nav-item>svg{transition:transform var(--motion-press) var(--ease-out)}.nav-item:active>svg{transform:scale(.9)}.nav-item small{max-width:100%;font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-item:before{content:"";background:var(--color-accent);width:22px;height:3px;transition:transform var(--motion-standard) var(--ease-out);border-radius:0 0 3px 3px;position:absolute;top:-1px;left:50%;transform:translate(-50%)scaleX(0)}.nav-item.active{color:var(--color-text)}.nav-item.active:before{transform:translate(-50%)scaleX(1)}.nav-item.active>svg{color:var(--color-accent)}.scan-nav-space{grid-column:3}.primary-scan-nav{border:5px solid var(--color-bg);background:var(--color-accent);width:64px;height:64px;color:var(--color-accent-contrast);box-shadow:var(--shadow-accent);transition:transform var(--motion-press) var(--ease-out), background-color var(--motion-fast) ease;border-radius:22px;place-items:center;padding:0;display:grid;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.primary-scan-icon{place-items:center;display:grid}.primary-scan-label{display:none}.primary-scan-nav:active{transform:translate(-50%)scale(.94)}.primary-scan-nav.active{background:var(--color-accent-pressed)}@media (hover:hover){.primary-scan-nav:hover{background:var(--color-accent-hover)}.nav-item:hover{color:var(--color-text)}}@media (width<=359px){.app-nav{grid-template-columns:repeat(2,minmax(0,1fr)) 72px repeat(2,minmax(0,1fr))}.primary-scan-nav{border-radius:20px;width:58px;height:58px}}@media (orientation:landscape) and (height<=500px){:root{--nav-height:54px}.nav-item{flex-direction:row;gap:6px}.primary-scan-nav{border-width:4px;border-radius:18px;width:54px;height:54px;top:-10px}}@media (width>=1024px){.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);display:grid}.app-main{max-width:none;padding:0 40px 56px}.app-content,.app-header{width:100%;max-width:var(--content-max);margin-inline:auto}.app-header{min-height:76px;margin-bottom:4px;padding-top:0}.app-brand{visibility:hidden}.app-nav{border-top:0;border-right:1px solid var(--color-border);background:var(--color-bg-tint);height:100dvh;min-height:0;box-shadow:none;flex-direction:column;align-items:stretch;gap:4px;padding:22px 14px 18px;display:flex;position:sticky;inset:0 auto auto}.app-nav-brand{color:var(--color-text);order:-2;gap:6px;margin:4px 8px 24px;display:grid}.app-nav-brand small{color:var(--color-text-subtle);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.scan-nav-space,.nav-permission-space{display:none}.primary-scan-nav{width:auto;height:var(--control-lg);border-radius:var(--radius-md);font-weight:var(--weight-bold);border:0;order:-1;justify-content:flex-start;gap:10px;margin:0 0 14px;padding:0 14px;display:flex;position:static;transform:none}.primary-scan-nav:active{transform:scale(.98)}.primary-scan-label{font-size:var(--text-md);display:inline}.nav-item{min-height:var(--control-md);border-radius:var(--radius-sm);font-size:var(--text-md);flex-direction:row;justify-content:flex-start;gap:12px;padding:0 12px}.nav-item small{font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:0}.nav-item:before{border-radius:0 3px 3px 0;width:3px;height:20px;top:50%;left:-14px;transform:translateY(-50%)scaleY(0)}.nav-item.active{background:var(--color-surface-raised)}.nav-item.active:before{transform:translateY(-50%)scaleY(1)}.nav-profile{margin-top:auto}.live-connection{bottom:24px}}@media (width>=1440px){.app-main{padding-inline:56px}}.live-connection{pointer-events:none}.skip-link{z-index:calc(var(--z-toast) + 1);top:calc(var(--safe-top) + 8px);min-height:var(--control-md);border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-bg);font-weight:var(--weight-bold);transition:transform var(--motion-fast) var(--ease-out);align-items:center;padding:0 14px;text-decoration:none;display:inline-flex;position:fixed;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.app-content:focus{outline:none}.brand-logo{flex:none;max-width:100%;line-height:0;display:inline-flex}.brand-logo img{object-fit:contain;object-position:left center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:100%;display:block}:root[data-theme=dark] .brand-logo img{filter:invert()}.app-brand{gap:10px}.app-brand-logo{height:18px}.app-brand-tag{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-text);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:2px 7px;line-height:1.4}.sidebar-logo{height:22px}.app-nav-brand small{color:var(--color-text-subtle);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.boot-logo{height:30px;animation:boot-in var(--motion-success) var(--ease-spring)}@media (width<=419px){.app-brand-tag{display:none}}@media (width<=359px){.app-brand-logo{height:15px}}.order-id{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.detail-section,.dashboard-section,.package-card{min-width:0;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.section-title{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.section-title h2{font-size:var(--text-lg);margin:0}.link-button{min-height:var(--control-md);color:var(--color-accent-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-underline-offset:3px;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.authority-facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 16px;margin:0;display:grid}.authority-facts>div{gap:3px;min-width:0;display:grid}.authority-facts dt{color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.authority-facts dd{color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-semibold);overflow-wrap:anywhere;margin:0}.timeline{gap:0;margin:0;padding:0;list-style:none;display:grid;position:relative}.timeline>li{overflow-wrap:anywhere;gap:2px;min-width:0;padding:0 0 14px 22px;display:grid;position:relative}.timeline>li:before{content:"";border:2px solid var(--color-border-strong);background:var(--color-surface);border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:3px}.timeline>li:not(:last-child):after{content:"";background:var(--color-border-strong);width:1px;position:absolute;top:18px;bottom:2px;left:7px}.timeline>li:first-child:before{border-color:var(--color-accent);background:var(--color-accent)}.timeline strong{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.timeline small{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.dashboard-layout{gap:var(--space-4);min-width:0;display:grid}.dashboard-header{gap:10px;min-width:0;padding:4px 0 2px;display:grid}.greeting{min-width:0;margin:0}.greeting-context{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);margin:0 0 4px}.greeting h1{font-size:clamp(1.75rem,7.6vw,2.25rem);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);overflow-wrap:anywhere;margin:0}.greeting-date{color:var(--color-text-subtle);font-size:var(--text-sm);margin:4px 0 0}.workspace-title{color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;display:flex}.workspace-title strong{border:1px solid var(--color-accent-line);border-radius:var(--radius-pill);background:var(--color-accent-soft);min-height:28px;color:var(--color-accent-text);font-size:var(--text-sm);letter-spacing:0;text-transform:none;overflow-wrap:anywhere;align-items:center;padding:0 10px;display:inline-flex}.workspace-switcher{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;min-width:0;margin:0 -16px;padding:2px 16px 4px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.workspace-switcher::-webkit-scrollbar{display:none}.workspace-switcher button{min-width:0;min-height:var(--control-lg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);max-width:74vw;color:var(--color-text-muted);text-align:left;scroll-snap-align:start;transition:border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, transform var(--motion-press) var(--ease-out);flex:none;align-content:center;gap:1px;padding:8px 14px;display:grid}.workspace-switcher button:active{transform:scale(.97)}.workspace-switcher button strong{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap}.workspace-switcher button small{font-size:var(--text-xs);line-height:var(--leading-snug);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-switcher button[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}.workspace-switcher button[aria-pressed=true] strong{color:var(--color-accent-text)}.workspace-body{gap:var(--space-4);min-width:0;display:grid}.workspace-main,.workspace-side{gap:var(--space-4);align-content:start;min-width:0;display:grid}.next-action{gap:var(--space-4);padding:var(--space-5);border:1.5px solid var(--color-text);border-radius:var(--radius-xl);background:var(--color-surface);animation:notice-in var(--motion-success) var(--ease-out);display:grid;position:relative}.next-action .eyebrow{color:var(--color-text);align-items:center;gap:8px;display:inline-flex}.next-action .eyebrow:before{content:"";background:var(--color-text);border-radius:50%;width:8px;height:8px}.next-action.tone-ready .eyebrow:before{background:var(--color-success)}.next-action.tone-attention .eyebrow:before{background:var(--color-warning)}.next-action.tone-calm{border-color:var(--color-border-strong)}.next-action.tone-calm .eyebrow:before{background:var(--color-success)}.next-action h2{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0}.next-action-order{color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:6px 0 0}.next-action-detail{color:var(--color-text-muted);font-size:var(--text-md);line-height:var(--leading-snug);margin:6px 0 0}.next-action-cta{width:100%;min-height:var(--control-xl);font-size:var(--text-md);justify-content:space-between;padding:0 20px}.next-action-actions{gap:8px;display:grid}.next-action-actions .button-secondary{justify-content:center;gap:10px}.next-action.is-loading{border-color:var(--color-border);animation:none}.next-action.is-loading .next-action-copy{gap:10px;display:grid}.next-action-cta-skeleton{height:var(--control-xl);border-radius:var(--radius-md)}.dashboard-section h2{font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0}.dashboard-section-heading{margin-bottom:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 16px;display:flex}.dashboard-section-heading>div{min-width:0}.dashboard-lead{color:var(--color-text-muted);font-size:var(--text-md);line-height:var(--leading-normal);margin:0 0 14px}.dashboard-footnote{color:var(--color-text-subtle);font-size:var(--text-sm);line-height:var(--leading-normal);margin:12px 0 0}.dashboard-refresh{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft);width:100%;color:var(--color-text-muted);font-size:var(--text-xs);align-items:center;gap:10px;padding:6px 6px 6px 12px;display:flex}.refresh-pulse{background:var(--color-success);border-radius:50%;flex:none;width:8px;height:8px;position:relative}.dashboard-refresh.is-refreshing .refresh-pulse{background:var(--color-info);animation:refresh-pulse 1.2s var(--ease-in-out) infinite}.dashboard-refresh.is-stale .refresh-pulse{background:var(--color-warning)}.dashboard-refresh.is-stopped .refresh-pulse{background:var(--color-text-subtle)}@keyframes refresh-pulse{50%{opacity:.35;transform:scale(.8)}}.refresh-copy{min-width:0;line-height:var(--leading-snug);flex-wrap:wrap;flex:1;gap:2px 10px;display:flex}.refresh-time{color:var(--color-text);font-variant-numeric:tabular-nums}.dashboard-refresh .refresh-stale{color:var(--color-warning-text);font-weight:var(--weight-semibold)}.refresh-button{min-height:var(--control-md);flex:none;padding:0 12px}.is-spinning{animation:.8s linear infinite spin}@media (width<=389px){.refresh-button-label{display:none}.refresh-button{width:var(--control-md);padding:0}}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.dashboard-metric{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft);flex-direction:column;gap:6px;min-width:0;padding:14px;display:flex;position:relative}.dashboard-metric dd{font-size:var(--text-metric);font-weight:var(--weight-bold);letter-spacing:-.03em;font-variant-numeric:tabular-nums;order:-1;margin:0;line-height:1}.dashboard-metric dd.metric-unavailable{color:var(--color-text-subtle)}.dashboard-metric dt{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-snug);overflow-wrap:anywhere}.dashboard-metric small{color:var(--color-text-subtle);font-size:var(--text-xs)}.dashboard-metric:before{content:"";background:var(--color-border-strong);border-radius:50%;width:6px;height:6px;position:absolute;top:14px;right:14px}.dashboard-metric.tone-action:before{background:var(--color-accent)}.dashboard-metric.tone-warning:before{background:var(--color-warning)}.dashboard-metric.tone-success:before{background:var(--color-success)}.dashboard-metric.tone-action dd{color:var(--color-accent-text)}.dashboard-metric.tone-warning dd{color:var(--color-warning-text)}.dashboard-metric.tone-success dd{color:var(--color-success-text)}.dashboard-primary{width:100%;margin-top:14px}.dashboard-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.dashboard-actions>*{flex:200px;text-decoration:none}.dashboard-empty{border:1px dashed var(--color-stitch);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-md);gap:6px;padding:18px;display:grid}.dashboard-empty strong{color:var(--color-text)}.dashboard-empty p{line-height:var(--leading-normal);margin:0}.dashboard-checklist{color:var(--color-text-muted);font-size:var(--text-md);line-height:var(--leading-normal);gap:8px;margin:0;padding-left:20px;display:grid}.queue-list,.activity-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.queue-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft);width:100%;min-height:72px;color:var(--color-text);text-align:left;transition:border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, transform var(--motion-press) var(--ease-out);grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:14px 14px 14px 16px;display:grid;position:relative}.queue-row:before{content:"";background:var(--color-border-strong);border-radius:0 3px 3px 0;width:3px;position:absolute;top:14px;bottom:14px;left:-1px}.queue-row:active{transform:scale(.985)}@media (hover:hover){.queue-row:hover{border-color:var(--color-border-strong);background:var(--color-surface-raised)}}.queue-row>svg{color:var(--color-text-subtle)}.queue-row-main{gap:4px;min-width:0;display:grid}.queue-row-top{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.queue-row-top strong{font-size:var(--text-md);font-weight:var(--weight-bold)}.queue-row small{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-snug);overflow-wrap:anywhere}.queue-row .queue-row-reason{color:var(--color-warning-text)}.queue-chip{border-radius:var(--radius-pill);background:var(--color-fill);max-width:12em;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-align:center;line-height:var(--leading-snug);padding:5px 10px}.queue-mine:before{background:var(--color-accent)}.queue-mine .queue-chip{background:var(--color-accent-soft);color:var(--color-accent-text)}.queue-available:before{background:var(--color-success)}.queue-available .queue-chip{background:var(--color-success-soft);color:var(--color-success-text)}.queue-blocked:before{background:var(--color-warning)}.queue-blocked .queue-chip{background:var(--color-warning-soft);color:var(--color-warning-text)}.line-progress{background:var(--color-fill-strong);border-radius:4px;height:4px;margin-top:6px;display:block;overflow:hidden}.line-progress>span{border-radius:inherit;background:var(--color-accent);transform-origin:0;height:100%;transition:transform var(--motion-stage) var(--ease-out);display:block}.queue-available .line-progress>span{background:var(--color-success)}.queue-skeleton .queue-row{pointer-events:none}.queue-skeleton .queue-row-main{gap:10px}@media (width<=419px){.queue-row{grid-template-columns:minmax(0,1fr) auto}.queue-row>svg{display:none}}@media (width<=359px){.queue-row{grid-template-columns:minmax(0,1fr)}.queue-chip{justify-self:start}}.stage-tabs{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-wrap:wrap;gap:4px;min-width:0;padding:4px;display:flex}.stage-tabs button{transition:background-color var(--motion-standard) var(--ease-out), color var(--motion-fast) ease;min-width:0;min-height:var(--control-md);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);background:0 0;border:0;flex:120px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:flex}.stage-tabs button[aria-selected=true]{background:var(--color-text);color:var(--color-bg);box-shadow:var(--shadow-sm)}.stage-tabs button[aria-selected=true] span{background:var(--color-on-accent-fill)}.stage-tabs button span{background:var(--color-fill);min-width:22px;font-size:var(--text-xs);font-variant-numeric:tabular-nums;border-radius:7px;padding:2px 6px}.connection-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:auto minmax(0,1fr);gap:14px;min-width:0;padding:16px;display:grid}.connection-icon{border-radius:var(--radius-sm);background:var(--color-fill);width:40px;height:40px;color:var(--color-text-muted);place-items:center;display:grid}.connection-card h2{font-size:var(--text-md);margin:0 0 4px}.connection-card p:not(.eyebrow){color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal);margin:4px 0 0}.connection-card.tone-success .connection-icon{background:var(--color-success-soft);color:var(--color-success)}.connection-card.tone-success h2{color:var(--color-success-text)}.connection-card.tone-warning .connection-icon{background:var(--color-warning-soft);color:var(--color-warning)}.connection-card.tone-warning h2{color:var(--color-warning-text)}.activity-list li{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.activity-list li>span{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.activity-list small,.activity-list time{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.activity-list+.dashboard-metrics,.dashboard-metrics+.activity-list,.dashboard-metrics+.dashboard-empty{margin-top:12px}.work-summary{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.work-summary>p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.work-summary dl{gap:24px;margin:0;display:flex}.work-summary dl div{flex-direction:column;display:flex}.work-summary dd{font-size:var(--text-xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;order:-1;margin:0}.work-summary dd.metric-unavailable{color:var(--color-text-subtle)}.work-summary dt{color:var(--color-text-muted);font-size:var(--text-xs)}.trendyol-screen{gap:var(--space-4);min-width:0;display:grid}.trendyol-tabs{scrollbar-width:none;display:flex;overflow-x:auto}.trendyol-tabs::-webkit-scrollbar{display:none}.trendyol-tabs button{white-space:nowrap;flex:1 0 auto;padding:0 12px}.trendyol-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.trendyol-list .exception-row{border-radius:var(--radius-md);min-height:68px;padding:14px 16px}.trendyol-list .exception-row strong{font-family:var(--font-mono);letter-spacing:-.02em}.trendyol-list .exception-row small,.trendyol-ignored small{overflow-wrap:anywhere;font-size:var(--text-sm)}.trendyol-ignored{border:1px solid var(--color-border);border-radius:var(--radius-md);gap:3px;padding:12px 14px;display:grid}.trendyol-package{gap:var(--space-4);min-width:0;display:grid}.package-header{gap:10px;min-width:0;display:grid}.package-header .eyebrow{margin:0}.package-header h1{font-size:clamp(1.625rem,7vw,2.125rem);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);overflow-wrap:anywhere;margin:0}.package-pills{flex-wrap:wrap;gap:6px;display:flex}.package-layout{gap:var(--space-4);min-width:0;display:grid}.package-main,.package-side{gap:var(--space-4);align-content:start;min-width:0;display:grid}.package-main>[data-testid=trendyol-steps]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:16px 12px 14px}.package-side>.task-steps-vertical{display:none}.package-notices{gap:8px;display:grid}.package-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:4px;display:flex}.package-section-heading h2{font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0}.package-lines{gap:12px;min-width:0;display:grid}.package-card h2{font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0 0 12px}.trendyol-line{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);min-width:0;transition:border-color var(--motion-standard) ease;gap:12px;padding:16px;display:grid;position:relative}.trendyol-line.line-confirmed{border-color:var(--color-success-line)}.trendyol-line.line-unsaved{border-color:var(--color-warning-line)}.trendyol-line p{overflow-wrap:anywhere;margin:0}.line-head{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:4px 12px;display:grid}.line-head>.status-pill{grid-column:2}.line-number{background:var(--color-fill-strong);width:34px;height:34px;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);border-radius:11px;place-items:center;display:grid}.line-confirmed .line-number{background:var(--color-success-soft);color:var(--color-success)}.line-title{gap:4px;min-width:0;display:grid}.line-name{font-size:var(--text-md);line-height:var(--leading-snug)}.line-name strong{font-weight:var(--weight-semibold)}.line-quantity{border-radius:var(--radius-pill);background:var(--color-fill-strong);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;white-space:nowrap;padding:1px 7px;display:inline-flex}.trendyol-line-facts,.trendyol-delivery{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-snug);overflow-wrap:anywhere}.line-confirmed-by{color:var(--color-success-text);align-items:center;gap:6px;display:flex}.line-summary{border-radius:var(--radius-sm);background:var(--color-surface-soft);color:var(--color-text);padding:10px 12px}.trendyol-line-form{border-top:1px dashed var(--color-stitch);gap:14px;min-width:0;padding-top:14px;display:grid}.kind-picker{border:0;min-width:0;margin:0;padding:0}.kind-picker legend{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:7px;padding:0}.kind-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.kind-option{min-width:0;min-height:var(--control-lg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-soft);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-tight);text-align:center;cursor:pointer;transition:border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-press) var(--ease-out);place-items:center;padding:6px 8px;display:grid;position:relative}.kind-option:active{transform:scale(.97)}.kind-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.kind-option span{overflow-wrap:anywhere}.kind-option.is-selected{border-color:var(--color-text);background:var(--color-text);color:var(--color-bg);animation:button-ready var(--motion-success) var(--ease-spring)}.kind-option:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.kind-picker[aria-invalid=true] .kind-option{border-color:var(--color-danger-line)}.size-suggestion{border:1px dashed var(--color-info-line);border-radius:var(--radius-md);background:var(--color-info-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 10px 10px 14px;display:flex}.size-suggestion-copy{gap:2px;min-width:0;display:grid}.size-suggestion-copy small{color:var(--color-info-text);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.size-suggestion-copy strong{font-size:var(--text-lg)}.size-suggestion .button{min-height:var(--control-md);white-space:normal}.size-suggestion.is-applied{border-style:solid}.measure-pair{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:end;gap:6px;display:grid}.measure-times{color:var(--color-text-subtle);font-size:var(--text-lg);text-align:center;padding-bottom:15px}.measure-label{align-items:center;gap:6px;display:inline-flex}.measure-label>svg{color:var(--color-text-subtle)}.measure-input{display:block;position:relative}.measure-input input{min-height:56px;font-family:var(--font-mono);font-size:1.1875rem;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;letter-spacing:-.01em;padding-right:42px}.measure-unit{color:var(--color-text-subtle);font-size:var(--text-sm);font-weight:var(--weight-semibold);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.measure-pair.is-optional{opacity:.78}.trendyol-line-actions{flex-wrap:wrap;gap:8px;display:flex}.trendyol-line-actions .button{white-space:normal;flex:100%}.trendyol-notes textarea{min-height:64px}.dismiss-details{border-top:1px solid var(--color-border);padding-top:4px}.dismiss-details summary{min-height:var(--control-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;align-items:center;display:flex}.trendyol-dismiss{gap:8px;padding-top:4px;display:grid}.approval-card{gap:12px;display:grid}.approval-card h2{margin:0}.approval-card .eyebrow{color:var(--color-accent-text);margin:0}.production-card{border:1.5px solid var(--color-text);background:var(--color-surface);animation:notice-in var(--motion-success) var(--ease-out);gap:12px;display:grid;position:relative}.production-card h2{margin:0}.production-card .eyebrow{color:var(--color-success-text);margin:0}.production-card-icon{background:var(--color-success-soft);width:40px;height:40px;color:var(--color-success);border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.production-next{gap:8px;display:grid}.production-next .button-large{text-align:left;gap:12px}.button-stack{text-align:left;gap:2px;display:grid}.button-stack small{font-size:var(--text-xs);font-weight:var(--weight-medium);opacity:.82}.package-skeleton{gap:12px;display:grid}.package-skeleton-block{border-radius:var(--radius-lg);height:160px}@media (width<=1023px){.package-layout{flex-direction:column;display:flex}.package-main,.package-side{display:contents}.package-layout>*>*{order:6}.package-main>[data-testid=trendyol-steps]{order:1}.package-notices{order:2}.package-main>.notice{order:3}.production-card{order:4}.package-lines{order:5}.approval-card{order:7}.delivery-card{order:8}.history-card{order:9}}.document-screen{gap:var(--space-4);min-width:0;display:grid}.document-screen-hero h1{font-size:clamp(1.625rem,7vw,2.125rem);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);overflow-wrap:anywhere;margin:0}.document-layout{gap:var(--space-4);min-width:0;display:grid}.document-panel{gap:14px;min-width:0;display:grid}.document-panel.is-loading{gap:12px}.document-skeleton-action{height:var(--control-xl);border-radius:var(--radius-md)}.document-head{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px 14px;display:grid}.document-head .document-state{grid-column:1/-1}.document-icon{border-radius:var(--radius-md);background:var(--color-fill-strong);width:48px;height:48px;color:var(--color-text-muted);place-items:center;display:grid}.document-icon.tone-success{background:var(--color-success-soft);color:var(--color-success)}.document-icon.tone-danger{background:var(--color-danger-soft);color:var(--color-danger)}.document-title{min-width:0}.document-title .eyebrow{margin-bottom:2px}.document-title h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:.01em;margin:0;line-height:1.1}.document-state{margin:0}.document-meta{color:var(--color-text-muted);font-size:var(--text-sm);align-items:center;gap:6px;margin:0;display:flex}.document-hint{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.document-hint strong{color:var(--color-text)}.print-card{border:1.5px solid var(--color-text);border-radius:var(--radius-lg);background:var(--color-surface);gap:12px;padding:16px;display:grid}.print-card-copy{gap:8px;display:grid}.print-card-copy p{color:var(--color-text);font-size:var(--text-md);line-height:var(--leading-normal);margin:0}.print-card-copy .print-count{color:var(--color-text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.print-card .button-large{font-size:var(--text-lg)}.preview-row{border-top:1px dashed var(--color-stitch);gap:8px;padding-top:14px;display:grid}.preview-row .button{justify-content:flex-start}.document-history{border-top:1px solid var(--color-border);min-width:0;padding-top:4px}.document-history summary{min-height:var(--control-md);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.document-history summary::-webkit-details-marker{display:none}.summary-chevron{color:var(--color-text-subtle);transition:transform var(--motion-standard) var(--ease-out);margin-left:auto}.document-history[open] .summary-chevron{transform:rotate(90deg)}.document-history .timeline{margin-top:8px}.document-revision>span{font-size:var(--text-sm)}.document-revision .link-button{min-height:var(--control-md)}.document-revision-superseded,.document-revision-revoked{opacity:.72}.document-revision-superseded:before,.document-revision-revoked:before{border-color:var(--color-border-strong)!important;background:var(--color-surface)!important}.document-actions{gap:10px;min-width:0;display:grid}.document-waiting,.document-approved{margin:0}.document-guide{padding:var(--space-5);border:1px dashed var(--color-stitch);border-radius:var(--radius-lg);align-content:start;gap:12px;display:grid}.document-guide h2{font-size:var(--text-md);font-weight:var(--weight-bold);margin:0}.document-guide ol{counter-reset:guide;gap:12px;margin:0;padding:0;list-style:none;display:grid}.document-guide li{counter-increment:guide;grid-template-columns:28px minmax(0,1fr);gap:2px 12px;display:grid}.document-guide li:before{content:counter(guide);background:var(--color-fill-strong);width:28px;height:28px;color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:9px;grid-row:span 2;place-items:center;display:grid}.document-guide strong{font-size:var(--text-sm)}.document-guide span{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}@media (width>=720px){.dashboard-header{grid-template-columns:minmax(0,1fr) auto;align-items:end}.workspace-title{justify-content:flex-end}.workspace-switcher{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin:0;padding:0;display:grid;overflow:visible}.workspace-switcher button{max-width:none}.workspace-switcher button strong,.workspace-switcher button small{white-space:normal}.dashboard-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.detail-section,.dashboard-section,.package-card{padding:var(--space-6)}.next-action{padding:var(--space-6) var(--space-7);grid-template-columns:minmax(0,1fr) auto;align-items:end}.next-action-cta{width:auto;min-width:260px}.next-action-actions{justify-items:stretch}.next-action h2{font-size:var(--text-2xl)}.print-card{grid-template-columns:minmax(0,1fr) minmax(240px,auto);align-items:center}.print-card .button-large{min-width:260px}.print-card>.field,.print-card>.document-hint{grid-column:1/-1}.document-head{grid-template-columns:48px minmax(0,1fr) auto}.document-head .document-state{grid-column:auto}}@media (width>=1024px){.dashboard-layout{gap:var(--space-5)}.greeting h1{font-size:var(--text-3xl)}.workspace-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.workspace-body>:first-child,.workspace-body>.stage-tabs,.workspace-body>.stage-tabs+*{grid-column:1/-1}.trendyol-workspace,.split-workspace{gap:var(--space-5);grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr)}.workspace-body.trendyol-workspace>.workspace-main,.workspace-body.trendyol-workspace>.workspace-side,.workspace-body.split-workspace>.workspace-main,.workspace-body.split-workspace>.workspace-side{grid-column:auto}.trendyol-workspace>.workspace-side,.split-workspace>.workspace-side{position:sticky;top:16px}.trendyol-workspace .workspace-side .dashboard-section-heading,.split-workspace .workspace-side .dashboard-section-heading{flex-direction:column;align-items:stretch}.split-workspace .workspace-side .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.package-layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 380px;align-items:start}.package-main>[data-testid=trendyol-steps]{display:none}.package-side{overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100dvh - 32px);position:sticky;top:16px;overflow-y:auto}.package-side>.task-steps-vertical{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:18px 20px 8px;display:block}.trendyol-line{padding:20px 22px}.trendyol-line-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px}.trendyol-line-form>.kind-picker,.trendyol-line-form>.size-suggestion,.trendyol-line-form>.field-error,.trendyol-line-form>.trendyol-line-actions,.trendyol-line-form>.measure-pair{grid-column:1/-1}.trendyol-line-actions .button{flex:0 auto;min-width:220px}.line-head{grid-template-columns:34px minmax(0,1fr) auto}.line-head>.status-pill{grid-column:auto}.document-layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 320px;align-items:start}.document-guide{position:sticky;top:16px}.document-panel{padding:var(--space-7)}}@media (width>=1440px){.trendyol-workspace,.split-workspace{grid-template-columns:minmax(0,1.8fr) minmax(380px,1fr)}.package-layout{grid-template-columns:minmax(0,1fr) 420px}}.trendyol-screen>.detail-section{gap:12px;display:grid}.trendyol-screen>.detail-section h1{font-size:clamp(1.625rem,7vw,2.125rem);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);margin:0}.trendyol-screen>.detail-section>p:not(.eyebrow):not(.order-notice){color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.trendyol-screen>.detail-section>.eyebrow{margin:0}.scanner-screen{color:var(--color-camera-text)}.scanner-screen .camera-start .button-primary,.scanner-screen .scanner-manual-switch .button-primary{border-color:var(--color-camera-text);background:var(--color-camera-text);color:var(--color-camera)}.bottom-sheet,.manual-panel,.resolving-card,.confirmation-card,.success-state,.live-notice{color:var(--color-text)}.scanner-screen .scanner-target>span{background:var(--color-camera-text)}.scanner-screen .scanner-toolbar button.active{color:var(--color-camera-text);border-color:var(--color-camera-text)}.fact-chips{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.fact-chip{border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);min-height:24px;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;align-items:center;padding:0 8px;display:inline-flex}.stage-icon{border-radius:var(--radius-sm);background:var(--color-text);width:40px;height:40px;color:var(--color-bg);place-items:center;margin-bottom:12px;display:grid}.scanner-target i{transition:border-color var(--motion-standard) ease, transform var(--motion-success) var(--ease-spring)}.scanner-target[data-state=scanning]>span{animation:scan-sweep 2.4s var(--ease-in-out) infinite}@keyframes scan-sweep{0%,to{opacity:.25;transform:translateY(-80px)}50%{opacity:.9;transform:translateY(80px)}}.scanner-target[data-state=decoded] i,.scanner-target[data-state=resolving] i{border-color:var(--color-success)}.scanner-target[data-state=decoded] i:first-child,.scanner-target[data-state=resolving] i:first-child{transform:translate(10px,10px)}.scanner-target[data-state=decoded] i:nth-child(2),.scanner-target[data-state=resolving] i:nth-child(2){transform:translate(-10px,10px)}.scanner-target[data-state=decoded] i:nth-child(3),.scanner-target[data-state=resolving] i:nth-child(3){transform:translate(-10px,-10px)}.scanner-target[data-state=decoded] i:nth-child(4),.scanner-target[data-state=resolving] i:nth-child(4){transform:translate(10px,-10px)}.scanner-target[data-state=decoded]>span,.scanner-target[data-state=resolving]>span{opacity:0}.scanner-target[data-state=error]{animation:scan-shake .36s var(--ease-out) 1}.scanner-target[data-state=error] i{border-color:var(--color-danger)}@keyframes scan-shake{25%{transform:translate(calc(-50% - 6px),-50%)}75%{transform:translate(calc(6px - 50%),-50%)}}.inbox-status{gap:8px;display:grid}.inbox-connection{color:var(--color-text);font-size:var(--text-sm);align-items:center;gap:8px;margin:0;display:flex}.inbox-connection:before{content:"";background:var(--color-text-subtle);border-radius:50%;flex:none;width:8px;height:8px}.inbox-connection.is-active:before{background:var(--color-success)}.inbox-connection.is-paused:before{background:var(--color-warning)}.trendyol-ignored strong{font-family:var(--font-mono)}@media (width>=1024px){.inbox-status{grid-template-columns:minmax(0,1fr) auto;align-items:center}.inbox-status .dashboard-refresh{width:auto}}.cutting-work .cutting-pool-list{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.cutting-work .cutting-pool-list button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;min-height:60px;color:var(--color-text);text-align:left;transition:border-color var(--motion-fast) ease, transform var(--motion-press) var(--ease-out);align-content:center;gap:2px;padding:10px 12px;display:grid}.cutting-work .cutting-pool-list button:active{transform:scale(.97)}@media (hover:hover){.cutting-work .cutting-pool-list button:hover{border-color:var(--color-text)}}.cutting-work>.detail-section{gap:10px;display:grid}.cutting-work>.detail-section>h2{font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0}.cutting-work>.detail-section>p{color:var(--color-text-muted);margin:0}.cutting-work>.detail-section>.button{justify-self:start}.cutting-work .cutting-transfer-card{padding:var(--space-4);border:1.5px solid var(--color-text);border-radius:var(--radius-md);gap:8px;display:grid}.cutting-work .cutting-transfer-card h3{font-family:var(--font-mono);font-size:var(--text-lg);margin:0}.cutting-work .cutting-transfer-card p{margin:0}.connection-logo{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);place-items:center;height:40px;padding:0 12px;display:grid}.connection-logo .brand-logo{height:15px}.page-brand{line-height:0}.inbox-logo{height:20px}.package-eyebrow{align-items:center;gap:6px;display:inline-flex}.eyebrow-logo{height:11px}.queue-list>li,.order-list>.order-card,.trendyol-list>li,.activity-list>li,.history-list>.history-row,.exceptions-card li,.document-lookup-results>li,.timeline>li{animation:row-in .28s var(--ease-out) both}.queue-list>li:nth-child(2),.order-list>.order-card:nth-child(2),.trendyol-list>li:nth-child(2),.activity-list>li:nth-child(2),.history-list>.history-row:nth-of-type(2),.timeline>li:nth-child(2){animation-delay:35ms}.queue-list>li:nth-child(3),.order-list>.order-card:nth-child(3),.trendyol-list>li:nth-child(3),.activity-list>li:nth-child(3),.history-list>.history-row:nth-of-type(3),.timeline>li:nth-child(3){animation-delay:70ms}.queue-list>li:nth-child(4),.order-list>.order-card:nth-child(4),.trendyol-list>li:nth-child(4),.activity-list>li:nth-child(4),.history-list>.history-row:nth-of-type(4),.timeline>li:nth-child(4){animation-delay:.105s}.queue-list>li:nth-child(5),.order-list>.order-card:nth-child(5),.trendyol-list>li:nth-child(5),.activity-list>li:nth-child(5),.history-list>.history-row:nth-of-type(5),.timeline>li:nth-child(5){animation-delay:.14s}.queue-list>li:nth-child(n+6),.order-list>.order-card:nth-child(n+6),.trendyol-list>li:nth-child(n+6),.activity-list>li:nth-child(n+6),.history-list>.history-row:nth-of-type(n+6),.timeline>li:nth-child(n+6){animation-delay:.17s}.cutting-work .cutting-pool-list>li{animation:row-in .24s var(--ease-out) both}@keyframes row-in{0%{opacity:0;transform:translateY(8px)}}.queue-skeleton>li{animation:none}.metric-number{animation:metric-change var(--motion-success) var(--ease-spring);display:inline-block}@keyframes metric-change{0%{opacity:0;transform:translateY(40%)}}.queue-chip,.status-pill,.exception-status,.task-step-copy strong{transition:background-color var(--motion-standard) ease, color var(--motion-standard) ease, border-color var(--motion-standard) ease}.line-progress>span{transition:transform var(--motion-stage) var(--ease-out)}.roadmap-stage{transition:border-color var(--motion-stage) ease, background-color var(--motion-stage) ease, color var(--motion-stage) ease}.roadmap-marker{transition:background-color var(--motion-stage) ease, color var(--motion-stage) ease}.roadmap-stage.current .roadmap-marker{animation:stage-arrive var(--motion-stage) var(--ease-spring)}@keyframes stage-arrive{0%{opacity:.4;transform:scale(.7)}}.task-step.is-done .task-step-marker>svg{animation:check-draw var(--motion-success) var(--ease-spring)}@keyframes check-draw{0%{opacity:0;transform:scale(.4)}}.order-action-done{animation:notice-in var(--motion-success) var(--ease-out)}.success-state h2,.success-state .eyebrow,.success-state .stage-label{animation:row-in var(--motion-success) var(--ease-out) both;animation-delay:.12s}.success-state>div{animation:row-in var(--motion-success) var(--ease-out) both;animation-delay:.22s}.segmented button:active,.stage-tabs button:active,.workspace-switcher button:active{transform:scale(.97)}.segmented button,.stage-tabs button{transition:background-color var(--motion-standard) var(--ease-out), color var(--motion-fast) ease, transform var(--motion-press) var(--ease-out), box-shadow var(--motion-standard) var(--ease-out)}details[open]>:not(summary){animation:row-in var(--motion-standard) var(--ease-out)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-delay:0s!important;animation-delay:0s!important}}.login-intro{--intro-logo-h:clamp(26px, 8.4vw, 46px);z-index:var(--z-intro);background:var(--color-intro-bg);color:var(--color-intro-text);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.intro-camera,.intro-backdrop{position:absolute;inset:0}.intro-horizon{aspect-ratio:1;background:var(--color-intro-bg);width:max(118vmin,520px);box-shadow:0 -1px 0 0 var(--color-intro-rim), 0 -4px 14px 0 var(--color-intro-rim-glow), 0 -30px 90px 0 var(--color-intro-glow-soft);opacity:0;border-radius:50%;position:absolute;top:61%;left:50%;translate:-50%}.intro-glow{background:radial-gradient(60% 75% at 50% 100%, var(--color-intro-glow) 0%, var(--color-intro-glow-soft) 45%, transparent 75%);opacity:0;height:62%;position:absolute;inset:auto -20% 0}.intro-scene{grid-template-columns:minmax(0,560px);place-content:center;justify-items:center;gap:28px;padding:0 16px;display:grid;position:absolute;inset:0}.intro-brand{filter:drop-shadow(0 0 10px var(--color-intro-rim-glow));height:var(--intro-logo-h);align-items:center;display:flex;position:relative}.intro-brand .intro-part{height:var(--intro-logo-h);display:block;position:relative}.intro-brand .intro-mark{width:calc(var(--intro-logo-h) * 110 / 96);clip-path:inset(-24px 0 -24px -24px);opacity:0}.intro-brand .intro-word{width:calc(var(--intro-logo-h) * 489 / 96);overflow:hidden}.intro-brand .intro-word-inner{opacity:0;height:100%;display:block}.intro-brand img{width:calc(var(--intro-logo-h) * 599 / 96);max-width:none;height:var(--intro-logo-h);filter:invert();display:block}.intro-brand .intro-soft{filter:invert()blur(7px);opacity:0;position:absolute;inset:0 auto auto 0}.intro-brand .intro-sharp{opacity:0}.intro-brand .intro-word img{margin-left:calc(var(--intro-logo-h) * -110 / 96)}.intro-sheen{pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.intro-sheen-band{background:linear-gradient(100deg, transparent 0%, var(--color-intro-sheen) 50%, transparent 100%);width:40%;position:absolute;inset:0 auto 0 0;transform:translate(-120%)}.intro-bar{border:1px solid var(--color-intro-border);background:var(--color-intro-surface);width:100%;height:58px;box-shadow:0 -1px 0 0 var(--color-intro-rim), 0 -8px 26px 0 var(--color-intro-rim-glow);opacity:0;border-radius:999px;align-items:center;gap:12px;padding:0 7px 0 18px;display:flex}.intro-bar>svg{width:20px;height:20px;color:var(--color-intro-icon);flex:none}.intro-text{min-width:0;font:500 16px/1.2 var(--font-sans);letter-spacing:.005em;white-space:nowrap;flex:1;overflow:hidden}.intro-fresh{color:var(--color-intro-text-fresh)}.intro-caret{vertical-align:-.18em;background:var(--color-intro-text-fresh);width:2px;height:1.1em;margin-left:1px;animation:.9s step-end infinite intro-caret;display:inline-block}.intro-send{background:linear-gradient(145deg, var(--color-intro-gold-light), var(--color-intro-gold));width:44px;height:44px;box-shadow:0 0 22px 0 var(--color-intro-glow-soft);color:var(--color-intro-ink);opacity:0;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.intro-send svg{width:24px;height:24px;overflow:visible}.intro-drape{transform-box:fill-box}.intro-drape-left{transform-origin:0}.intro-drape-right{transform-origin:100%}.intro-ring{border:1.5px solid var(--color-intro-ring);opacity:0;border-radius:50%;position:absolute;inset:0}.intro-map{aspect-ratio:1;pointer-events:none;opacity:0;width:max(118vmin,520px);position:absolute;top:61%;left:50%;translate:-50%;-webkit-mask-image:radial-gradient(circle closest-side,#000 calc(100% - 72px),#0000 100%);mask-image:radial-gradient(circle closest-side,#000 calc(100% - 72px),#0000 100%)}.intro-map-view{transform-origin:50% 0;height:39dvh;position:absolute;inset:0 0 auto}.intro-map svg{width:100%;height:100%;display:block;overflow:visible}.intro-map path{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.intro-map .intro-map-grid{stroke:var(--color-intro-map-grid);stroke-width:.7px}.intro-map .intro-map-key{fill:var(--color-intro-map-key);stroke:none}.intro-map .intro-map-coast{stroke:var(--color-intro-map-coast);stroke-width:1px}.intro-map .intro-map-borders{stroke:var(--color-intro-map-border);stroke-width:.8px}.intro-map .intro-map-scan path{stroke:var(--color-intro-map-scan);stroke-width:1.3px}.intro-map .intro-map-route{vector-effect:none;stroke:var(--color-intro-city);stroke-width:1.8px;stroke-dasharray:1;stroke-dashoffset:1px}.intro-map .intro-map-spark{vector-effect:none;stroke:var(--color-intro-text);stroke-width:3.2px;stroke-dasharray:.1 1;stroke-dashoffset:.1px;opacity:0}.intro-map text{font-family:var(--font-sans);text-transform:uppercase}.intro-map-label{letter-spacing:.2em;fill:var(--color-intro-map-label);font-size:12px;font-weight:600}.intro-map-label.is-small{font-size:9px}.intro-map-label.is-key{fill:var(--color-intro-map-label-key)}.intro-city-name{letter-spacing:.16em;fill:var(--color-intro-city);font-size:15px;font-weight:700}.intro-city circle{transform-box:fill-box;transform-origin:50%}.intro-city-dot{fill:var(--color-intro-city)}.intro-city-halo{fill:var(--color-intro-city-halo)}.intro-city-ring{fill:none;stroke:var(--color-intro-city);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:0}@media (width<=600px){.intro-map-label{font-size:17px}.intro-map-label.is-small{display:none}.intro-city-name{text-anchor:middle;font-size:21px}.intro-city-krefeld .intro-city-tag{transform:translate(12px,-18px)}.intro-city-bucharest .intro-city-tag{transform:translate(-12px,28px)}}.intro-vignette{background:radial-gradient(ellipse at 50% 45%, transparent 52%, var(--color-intro-vignette) 100%);pointer-events:none;position:absolute;inset:0}.intro-grain{opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.6s step-end infinite intro-grain;position:absolute;inset:-50%}@keyframes intro-caret{50%{opacity:0}}@keyframes intro-grain{0%{transform:translate(0)}25%{transform:translate(-4%,3%)}50%{transform:translate(3%,-5%)}75%{transform:translate(-2%,-3%)}}.intro-stage[data-intro=playing]{z-index:calc(var(--z-intro) + 1);background:var(--color-bg);opacity:0;pointer-events:none;will-change:transform, opacity;position:fixed;inset:0;overflow:hidden}@media (width<=480px){.intro-bar>svg:first-child{display:none}}@media (width<=400px){.intro-bar>svg{display:none}.intro-bar{gap:10px;padding-left:18px}.intro-text{font-size:15px}}