@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&display=swap";@import "https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&f[]=erode@600&display=swap";@import "https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&f[]=erode@600&display=swap";:root{--bg-page:#f3f6fa;--bg-card:#fff;--bg-input:#f8fafc;--bg-input-focus:#fff;--surface-tint:#fff;--bg-soft:color-mix(in srgb, var(--accent) 12%, var(--surface-tint));--bg-table-head:#f7f9fc;--border:#d7e0ea;--border-strong:#c5d0dc;--text:#172033;--text-primary:var(--text);--text-secondary:#334155;--text-muted:#64748b;--text-faint:#94a3b8;--primary-dark:#0f2747;--header-text:#0f2747;--input-text:var(--text);--placeholder:var(--text-faint);--button-text-on-accent:#fff;--secondary:#0f766e;--accent:#820d7e;--accent-hover:#6b0b67;--accent-disabled:#ca14c3;--accent-dark:color-mix(in srgb, var(--accent) 32%, #070b12);--accent-light:color-mix(in srgb, var(--accent) 76%, #141b2d);--accent-focus-ring:color-mix(in srgb, var(--accent) 35%, transparent);--accent-input-ring:color-mix(in srgb, var(--accent) 16%, transparent);--slider-color:#2563eb;--slider-track:color-mix(in srgb, var(--slider-color) 20%, var(--bg-input));--slider-track-border:color-mix(in srgb, var(--slider-color) 30%, var(--border));--slider-thumb-border:color-mix(in srgb, var(--slider-color) 50%, var(--surface-tint));--slider-focus-ring:color-mix(in srgb, var(--slider-color) 40%, transparent);--scrollbar-color:#d8ae5e;--scrollbar-track:color-mix(in srgb, var(--scrollbar-color) 14%, var(--bg-page));--scrollbar-thumb-hover:#8c6420;--success:#059669;--success-bg:#ecfdf5;--warning:#d97706;--warning-bg:#fffbeb;--danger:#dc2626;--danger-bg:#fef2f2;--info:#2563eb;--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--control-height:40px;--header-height:64px;--sidebar-width:280px;--content-max:1680px;--app-pad-x:clamp(16px, 2.4vw, 32px);--app-pad-y:clamp(12px, 2vh, 24px);--app-viewport:100dvh;--shadow-card:0 8px 24px #0f27470f;--shadow-card-hover:0 10px 22px #0f274714;--shadow-card-subtle:0 1px 3px #0f27470d;--shadow-modal:0 18px 48px #0f27472e;--modal-overlay:#0f172a8c}[data-theme=dark]{--bg-page:#0d1526;--bg-card:#17213a;--bg-input:#101a30;--bg-input-focus:#182441;--surface-tint:var(--bg-card);--bg-soft:color-mix(in srgb, var(--accent) 18%, var(--bg-card));--bg-table-head:#121c33;--border:#2a3654;--border-strong:#3a4a6e;--text:#e7edf7;--text-primary:var(--text);--text-secondary:#c5d0e0;--text-muted:#9aa9c2;--text-faint:#8a9bb8;--primary-dark:#e7edf7;--header-text:#0f2747;--input-text:var(--text);--placeholder:#8a9bb8;--success-bg:#0f2e22;--warning-bg:#3a2a12;--danger-bg:#3a1d1a;--accent-focus-ring:color-mix(in srgb, var(--accent) 40%, transparent);--accent-input-ring:color-mix(in srgb, var(--accent) 22%, transparent);--shadow-card:0 10px 30px #00000059;--shadow-card-hover:0 8px 20px #0006;--shadow-card-subtle:0 2px 8px #0000004d;--shadow-modal:0 18px 48px #00000073;--modal-overlay:#0408129e}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}html,body{overflow-x:hidden}body,#root{min-height:100vh;min-height:var(--app-viewport)}body{-webkit-font-smoothing:antialiased;color:var(--text);background-color:var(--bg-page);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button,input,select,textarea{font-family:inherit}@media (width<=768px){:root{--header-height:52px;--sidebar-width:280px;--mobile-nav-height:78px;--app-pad-x:14px;--app-pad-y:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.login-page{min-height:100vh;min-height:var(--app-viewport);height:100vh;height:var(--app-viewport);padding:max(16px, env(safe-area-inset-top,0px)) max(24px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(24px, env(safe-area-inset-left,0px));background:#f3f6fa;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ellcrafts-app-host{min-height:100%}[data-theme=dark] .login-page{background:var(--bg-page)}.login-shell{z-index:1;width:min(1180px,100%);height:min(680px, calc(var(--app-viewport) - 48px));background:var(--bg-card);border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px #0f27471f}.login-brand{color:#fff;background:radial-gradient(1200px 540px at -8% 112%, color-mix(in srgb, var(--accent) 42%, transparent), transparent 58%), radial-gradient(900px 420px at 112% -8%, color-mix(in srgb, var(--accent) 38%, transparent), transparent 54%), linear-gradient(145deg, var(--accent-dark) 0%, var(--accent) 58%, var(--accent-light) 100%);align-items:center;min-width:0;padding:56px 48px 52px;display:flex;position:relative;overflow:hidden}.login-antigravity{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.login-brand-grid{z-index:1;pointer-events:none;opacity:.22;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 28% 36%,#000 18%,#0000 72%);mask-image:radial-gradient(at 28% 36%,#000 18%,#0000 72%)}.login-brand-shape{pointer-events:none;z-index:1;position:absolute}.login-brand-shape-a{background:radial-gradient(circle at 32% 30%, #fff3, color-mix(in srgb, var(--accent) 16%, transparent) 46%, transparent 72%);opacity:.16;border:1px solid #ffffff14;border-radius:46% 54% 48% 52%/42% 46% 54% 58%;width:520px;height:520px;animation:14s ease-in-out infinite login-float-a;top:-140px;right:-190px}.login-brand-shape-b{background:radial-gradient(circle at 60% 40%, #ffffff24, color-mix(in srgb, var(--accent) 18%, transparent) 50%, transparent 74%);opacity:.14;border:1px solid #ffffff12;border-radius:58% 42% 52% 48%/46% 58% 42% 54%;width:360px;height:360px;animation:12s ease-in-out infinite login-float-b;bottom:-110px;left:-140px}.login-brand-shape-c{opacity:.12;background:0 0;border:1.5px solid #ffffff1f;border-radius:50%;width:210px;height:210px;animation:13s ease-in-out infinite login-float-c;bottom:16%;right:16%}.login-brand-shape-d{opacity:.18;background:radial-gradient(circle,#ffffff29,#0000 68%);border-radius:50%;width:120px;height:120px;animation:16s ease-in-out infinite reverse login-float-a;top:22%;right:28%}@keyframes login-float-a{0%,to{transform:translate(0)}50%{transform:translate(-14px,12px)}}@keyframes login-float-b{0%,to{transform:translate(0)}50%{transform:translate(12px,-10px)}}@keyframes login-float-c{0%,to{transform:translate(0)}50%{transform:translate(-8px,-12px)}}@media (prefers-reduced-motion:reduce){.login-brand-shape-a,.login-brand-shape-b,.login-brand-shape-c,.login-brand-shape-d{animation:none}}.login-brand-dots{z-index:1;pointer-events:none;background-image:radial-gradient(#ffffff47 1.2px,#0000 1.3px);background-size:12px 12px;width:54px;height:54px;position:absolute}.login-brand-dots-tl{top:28px;right:28px}.login-brand-dots-br{bottom:28px;left:28px}.login-brand-content{z-index:2;width:100%;max-width:440px;margin-top:-4%;position:relative}.login-brand-logo{object-fit:contain;object-position:left center;color:#fff;width:min(280px,78%);height:auto;max-height:200px;margin:0 0 28px;display:block}svg.login-brand-logo{color:#fff;width:180px;height:180px;max-height:none}.login-brand-kicker{letter-spacing:.18em;text-transform:uppercase;color:#ffffffc7;margin:0 0 12px;font-size:12px;font-weight:700}.login-brand-title{letter-spacing:-.03em;margin:0;font-size:34px;font-weight:700;line-height:1.15}.login-brand-subtitle{color:#ffffffeb;margin:12px 0 0;font-size:16px;font-weight:600}.login-brand-copy{color:#ffffffc7;max-width:360px;margin:18px 0 0;font-size:14px;line-height:1.6}.login-form-panel{background:var(--bg-card);place-items:center;min-width:0;min-height:0;padding:32px 40px;display:grid;overflow:auto}.login-form{flex-direction:column;align-items:center;width:min(420px,100%);display:flex}.login-form .field,.login-form .login-error,.login-form .login-submit{width:100%}.login-form .field-input{box-sizing:border-box;border-radius:8px;height:44px;padding:0 14px}.login-form-logo{object-fit:contain;object-position:center;width:72px;height:72px;color:var(--accent);align-self:center;margin:0 auto 18px;display:block}img.login-brand-logo{aspect-ratio:1200/581;min-height:56px}img.login-form-logo{width:auto;min-width:72px;max-width:168px;height:72px}.login-form-heading{text-align:center;width:100%;margin:0 0 24px}.login-form-heading h2{color:#172033;margin:0;font-size:28px;line-height:1.2}.login-form-heading p{color:var(--text-muted);margin:6px 0 0;font-size:13px}[data-theme=dark] .login-form-heading h2{color:var(--text)}.login-password-wrap{position:relative}.login-password-input,.login-form .field-input.login-password-input{padding-right:44px}.login-password-toggle{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-password-toggle svg{width:18px;height:18px}.login-password-toggle:hover,.login-password-toggle:focus-visible{color:var(--text);background:var(--bg-soft);outline:none}.security-password-wrap{position:relative}.security-password-modal .security-password-wrap .field-input{box-sizing:border-box;padding-right:40px}.security-password-toggle{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.security-password-toggle svg{width:18px;height:18px;display:block}.security-password-toggle:hover,.security-password-toggle:focus-visible{color:var(--text);background:var(--bg-soft);outline:none}.security-password-toggle:focus-visible{box-shadow:0 0 0 2px var(--accent-input-ring)}.security-password-toggle:disabled{cursor:default;opacity:.6}.login-error{color:#b42318;box-sizing:border-box;background:#fef3f2;border:1px solid #fecdca;border-radius:8px;align-items:flex-start;gap:8px;margin:0 0 16px;padding:10px 12px;font-size:13px;line-height:1.4;display:flex}.login-error svg{flex-shrink:0;width:16px;height:16px;margin-top:1px}[data-theme=dark] .login-error{color:#fda29b;background:#3a1d1a;border-color:#5c2b28}.login-form .login-button.login-submit{background:var(--accent);border-radius:9px;width:100%;height:44px;margin-top:8px}.login-form .login-button.login-submit:hover:not(:disabled){background:var(--accent-hover)}.login-form .login-button.login-submit:active:not(:disabled){transform:translateY(1px)}.login-form .login-button.login-submit:disabled{background:var(--accent-disabled);cursor:not-allowed}.login-website{letter-spacing:.01em;max-width:100%;color:var(--accent);text-align:center;overflow-wrap:anywhere;cursor:pointer;margin-top:14px;font-size:13px;font-weight:500;line-height:1.4;text-decoration:none;display:inline-block}.login-website:hover,.login-website:focus-visible{text-underline-offset:3px;opacity:.82;text-decoration:underline}.login-website:focus-visible{outline:none}.login-brand-wave,.login-mobile-logo{display:none}#root:has(.login-page){height:100vh;height:var(--app-viewport);overflow:hidden}@media (height<=760px){.login-shell{height:min(620px, calc(var(--app-viewport) - 32px))}.login-brand{padding:40px 36px 44px}.login-brand-logo{width:min(220px,74%);max-height:150px;margin-bottom:20px}svg.login-brand-logo{width:140px;height:140px}.login-brand-title{font-size:28px}.login-form-panel{padding:24px 32px}img.login-form-logo,.login-form-logo{height:64px;margin-bottom:14px}img.login-form-logo{max-width:148px}.login-form-heading{margin-bottom:18px}}@media (width<=1100px){.login-brand{padding:40px 32px 44px}.login-brand-title{font-size:28px}.login-form-panel{padding:28px}}@media (height<=500px){.login-form-panel{align-content:center;place-items:start center;overflow:auto}.login-form{margin:8px auto 16px}img.login-form-logo,.login-form-logo{height:40px;margin-bottom:6px}.login-form-heading{margin-bottom:8px}.login-form-heading h2{font-size:20px}.login-form .field{margin-bottom:8px}}@media (width<=768px){.login-page{align-items:stretch;padding:0}.login-shell{border-radius:0;grid-template-rows:auto auto;grid-template-columns:1fr;width:100%;height:auto;max-height:none;margin:0}.login-brand{align-items:center;min-height:0;padding:22px 24px 20px;display:flex}.login-brand-content{margin-top:0}.login-brand-logo{width:min(148px,52%);max-height:72px;margin-bottom:12px}svg.login-brand-logo{width:56px;height:56px}.login-brand-kicker{margin-bottom:6px}.login-brand-title{font-size:22px}.login-brand-subtitle{margin-top:6px;font-size:14px}.login-brand-copy,.login-brand-shape-c,.login-brand-shape-d,.login-brand-grid{display:none}.login-form-panel{place-items:start center;padding:20px 22px 28px;overflow:visible}.login-form{width:min(420px,100%);margin:12px auto 0}.login-form-heading h2{font-size:24px}#root:has(.login-page){height:auto;min-height:0;overflow:visible}.login-page{background:#f4f7fb;align-items:stretch;height:auto;min-height:0;padding:0;overflow:hidden visible}.login-antigravity{display:none}.login-shell{width:100%;height:auto;min-height:0;max-height:none;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;display:flex;overflow:visible}.login-brand{color:#fff;background:#1e4ed8;flex:none;justify-content:center;align-items:flex-end;min-height:0;padding:28px 20px 36px}.login-brand-shape,.login-brand-grid,.login-brand-kicker,.login-brand-copy{display:none}.login-brand-dots{opacity:.45;width:42px;height:42px}.login-brand-dots-tl{top:16px;right:16px}.login-brand-dots-br{bottom:36px;left:16px}.login-brand-wave{z-index:2;pointer-events:none;background:#f4f7fb;border-radius:14px 14px 0 0;height:14px;display:block;position:absolute;bottom:-1px;left:0;right:0}.login-brand-content{text-align:center;flex-direction:column;align-items:center;width:min(420px,100%);max-width:420px;margin:0 auto;display:flex}.login-brand-logo,img.login-brand-logo,svg.login-brand-logo{object-fit:contain;object-position:center;aspect-ratio:1200/581;width:clamp(136px,48vw,168px);max-width:min(168px,78%);height:auto;max-height:82px;margin:0 auto 14px}svg.login-brand-logo{aspect-ratio:auto;width:72px;height:72px;max-height:none}.login-brand-title{letter-spacing:-.02em;overflow-wrap:anywhere;max-width:100%;font-size:clamp(18px,5.8vw,22px);line-height:1.2}.login-brand-subtitle{color:#ffffffe6;overflow-wrap:anywhere;max-width:100%;margin-top:6px;font-size:clamp(12px,3.4vw,13px);font-weight:600}.login-form-panel{z-index:3;background:0 0;flex:none;place-items:start center;margin-top:16px;padding:0 clamp(12px,4.5vw,16px) 24px;position:relative;overflow:visible}.login-form{box-sizing:border-box;background:#fff;border-radius:22px;align-items:stretch;width:min(420px,100%);max-width:100%;margin-inline:auto;padding:28px 18px 18px;box-shadow:0 10px 28px #0f274714}img.login-form-logo,.login-form-logo{display:none}.login-form-heading{text-align:left;margin:0 0 16px}.login-form-heading h2{letter-spacing:-.02em;font-size:22px}.login-form-heading p{margin-top:4px;font-size:12px}.login-form .field{margin-bottom:12px}.login-form .field-input,.login-form .field-input.login-password-input{background:#f5f7fb;border-color:#e3e8f0;border-radius:13px;height:54px;min-height:54px;padding-left:44px}.login-form .field-input.login-username-input,.login-form .field-input.login-password-input{background-position:14px;background-repeat:no-repeat;background-size:18px 18px}.login-form .field-input.login-username-input{background-color:#f5f7fb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}.login-form .field-input.login-password-input{background-color:#f5f7fb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E");padding-right:48px}.login-form .field-input:focus{background-color:#fff;border-color:#1e4ed8;box-shadow:0 0 0 3px #1e4ed829}.login-password-toggle{width:40px;height:40px;right:8px}.login-brand-content>svg.login-brand-logo{display:none}.login-mobile-logo{object-fit:contain;object-position:center;aspect-ratio:1200/581;filter:none;background:0 0;width:clamp(136px,48vw,168px);max-width:min(168px,78%);height:auto;max-height:82px;margin:0 auto 14px;display:block}.login-form .login-button.login-submit,.login-form .login-button.login-submit:hover,.login-form .login-button.login-submit:focus,.login-form .login-button.login-submit:focus-visible,.login-form .login-button.login-submit:active{letter-spacing:.01em;height:54px;min-height:54px;box-shadow:none;background:#1e4ed8;border:none;border-radius:14px;outline:none;margin-top:6px;padding-right:42px;font-size:16px;font-weight:700;position:relative}.login-form .login-button.login-submit:hover:not(:disabled){box-shadow:none;background:#1a45c4;border:none;outline:none}.login-form .login-button.login-submit:focus-visible:not(:disabled){outline-offset:2px;background:#1e4ed8;border:none;outline:3px solid #1e4ed873}.login-form .login-button.login-submit:disabled{box-shadow:none;background:#93b4f5;border:none;outline:none}.login-form .login-button.login-submit:after{content:"→";font-size:18px;font-weight:600;line-height:1;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.login-website{color:#1e4ed8;border-top:1px solid #e6ebf2;width:100%;margin-top:16px;padding-top:14px;text-decoration:none;display:block}.login-website:hover,.login-website:focus-visible{color:#1a45c4}.login-form .field-input,.login-form .login-button.login-submit,.login-website{scroll-margin-block:24px}}@media (width<=768px) and (height<=560px){.login-brand{padding-top:16px;padding-bottom:28px}.login-brand-logo,img.login-brand-logo,.login-mobile-logo{max-height:64px;margin-bottom:8px}.login-form{margin:0 auto}}@media (height<=500px){.login-page{height:auto;min-height:0;overflow:visible}#root:has(.login-page){height:auto;min-height:0;overflow:visible}.login-shell{height:auto;max-height:none}}.field{flex-direction:column;margin-bottom:16px;display:flex}.field-label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600}.field-input{width:100%;color:var(--text);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field-input::placeholder{color:var(--text-faint)}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-input-ring);background:var(--bg-input-focus)}.error-message{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:8px;margin:0 0 16px;padding:10px 12px;font-size:13px}[data-theme=dark] .error-message{color:#fda29b;background:#3a1d1a;border-color:#5c2b28}.materials-message{color:var(--text-muted);margin:8px 0 0;font-size:13px}.materials-message-error{color:#b42318}[data-theme=dark] .materials-message-error{color:#fda29b}.login-button{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:8px;width:100%;padding:11px 12px;font-size:15px;font-weight:600;transition:background .15s}.login-button:hover{background:var(--accent-hover)}.login-button:focus-visible{outline:3px solid var(--accent-focus-ring);outline-offset:2px}.login-button:disabled{background:var(--accent-disabled);cursor:not-allowed}.home{flex-direction:column;min-height:100%;display:flex}.app-shell{width:100%;min-height:100vh;min-height:var(--app-viewport);height:100vh;height:var(--app-viewport);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);flex-direction:column;display:flex;overflow:hidden}.app-shell-body{z-index:0;min-width:0;min-height:0;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;flex:1;display:flex;position:relative;overflow:auto}.app-shell-main{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.app-sidebar{--sidebar-rail-expanded:260px;--sidebar-rail-collapsed:72px;width:var(--sidebar-rail-expanded);background:#fff;background:var(--bg-card,#fff);border-right:1px solid var(--border,#e2e8f0);box-sizing:border-box;border-radius:0;flex-direction:column;flex-shrink:0;gap:2px;height:100%;padding:14px 0;transition:width .22s,padding .22s;display:flex;overflow:hidden;box-shadow:1px 0 8px #0f27470a}.app-sidebar-navy{background:linear-gradient(180deg, color-mix(in srgb, #fff 4%, var(--sidebar-bg,#1a1f2e)) 0%, var(--sidebar-bg,#1a1f2e) 28%), var(--sidebar-bg,#1a1f2e);border-right:1px solid var(--sidebar-border,#252b3d);box-shadow:none;gap:0;padding:0}.app-sidebar.is-collapsed{width:var(--sidebar-rail-collapsed);min-width:var(--sidebar-rail-collapsed);max-width:var(--sidebar-rail-collapsed)}.sidebar-collapse-toggle{border:1px solid color-mix(in srgb, var(--sidebar-border,#252b3d) 90%, transparent);width:32px;height:32px;color:var(--sidebar-text-strong,#fff);cursor:pointer;background:#ffffff12;border-radius:10px;flex-shrink:0;place-items:center;padding:0;transition:background .15s,border-color .15s,transform .14s;display:grid}.sidebar-collapse-toggle svg{stroke:currentColor;fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.sidebar-collapse-toggle:hover{background:color-mix(in srgb, var(--accent,#820d7e) 22%, transparent);border-color:color-mix(in srgb, var(--accent,#820d7e) 40%, var(--sidebar-border))}.sidebar-collapse-toggle:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:1px}.sidebar-collapse-toggle:active{transform:scale(.96)}.sidebar-external-tip{z-index:1200;color:#f8fafc;letter-spacing:.01em;white-space:nowrap;pointer-events:none;background:#0f172a;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:650;position:fixed;transform:translateY(-50%);box-shadow:0 10px 24px #02061766}.sidebar-external-tip:before{content:"";background:#0f172a;width:8px;height:8px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)rotate(45deg)}.sidebar-nav{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--sidebar-text,#94a3b8) 28%, transparent) transparent;flex-direction:column;flex:1;gap:2px;min-height:0;padding:12px 0 14px;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--sidebar-text,#94a3b8) 28%, transparent);border-radius:999px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-section{flex-direction:column;gap:2px;margin-top:8px;display:flex}.sidebar-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--sidebar-title,#94a3b8);margin:0 0 4px;padding:6px 22px 4px;font-size:10px;font-weight:800}.sidebar-section-items{flex-direction:column;gap:2px;display:flex}.sidebar-group{flex-direction:column;gap:2px;margin-top:6px;display:flex}.sidebar-group-toggle{width:calc(100% - 20px);height:40px;min-height:40px;color:var(--sidebar-text);cursor:pointer;font:inherit;text-align:left;box-sizing:border-box;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;margin:0 10px;padding:0 12px 0 14px;font-size:13px;font-weight:650;transition:background .16s,color .16s;display:flex}.sidebar-group-toggle:hover{background:color-mix(in srgb, var(--sidebar-hover-overlay,#fff) 8%, var(--sidebar-bg));color:var(--sidebar-text-strong)}.sidebar-group-toggle.is-active-parent{background:color-mix(in srgb, var(--accent,#820d7e) 16%, var(--sidebar-bg));color:var(--sidebar-text-strong);box-shadow:inset 3px 0 0 color-mix(in srgb, var(--accent,#820d7e) 70%, transparent)}.sidebar-group-toggle:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:1px}.sidebar-group-chevron{width:18px;height:18px;color:var(--sidebar-title,#94a3b8);flex-shrink:0;place-items:center;margin-left:auto;transition:transform .18s;display:grid}.sidebar-group-chevron svg{width:16px;height:16px}.sidebar-group.is-open .sidebar-group-chevron{transform:rotate(180deg)}.sidebar-group-children{grid-template-rows:0fr;transition:grid-template-rows .2s;display:grid}.sidebar-group-children.is-expanded{grid-template-rows:1fr}.sidebar-group-children-inner{flex-direction:column;gap:2px;min-height:0;display:flex;overflow:hidden}.sidebar-group-children:not(.is-expanded){pointer-events:none}.sidebar-foot{border-top:1px solid var(--sidebar-border);background:color-mix(in srgb, #000 10%, var(--sidebar-bg,#1a1f2e));flex-shrink:0;justify-content:center;align-items:center;padding:8px 10px;display:flex}.app-sidebar-navy .sidebar-switch-company{border:1px solid color-mix(in srgb, var(--accent,#820d7e) 35%, var(--sidebar-border));background:color-mix(in srgb, var(--accent,#820d7e) 14%, var(--sidebar-bg));min-height:40px;color:var(--sidebar-text-strong,#fff);letter-spacing:.02em;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:700;transition:background .16s,border-color .16s,transform .14s;display:inline-flex;position:relative}.sidebar-switch-company-icon{display:none}.sidebar-switch-company-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.app-sidebar-navy .sidebar-switch-company:hover{background:color-mix(in srgb, var(--accent,#820d7e) 22%, var(--sidebar-bg));border-color:color-mix(in srgb, var(--accent,#820d7e) 50%, var(--sidebar-border))}.app-sidebar-navy .sidebar-switch-company:active{transform:translateY(1px)}.app-sidebar-navy .sidebar-item{width:calc(100% - 20px);height:40px;min-height:40px;color:var(--sidebar-text);border-left:none;border-radius:12px;gap:12px;margin:0 10px;padding:0 14px;font-size:13px;font-weight:600;transition:background .16s,color .16s,box-shadow .16s,transform .14s}.app-sidebar-navy .sidebar-item-child{width:calc(100% - 28px);height:36px;min-height:36px;color:color-mix(in srgb, var(--sidebar-text) 88%, transparent);border-radius:10px;margin-left:18px;padding:0 12px 0 14px;font-size:12.5px;font-weight:550}.app-sidebar-navy .sidebar-item-child svg{width:16px;height:16px}.app-sidebar-navy a.sidebar-item:visited{color:var(--sidebar-text)}.app-sidebar-navy .sidebar-item:hover{background:color-mix(in srgb, var(--sidebar-hover-overlay,#fff) 8%, var(--sidebar-bg));color:var(--sidebar-text-strong)}.app-sidebar-navy .sidebar-item.active,.app-sidebar-navy .sidebar-item.active:focus,.app-sidebar-navy .sidebar-item.active:focus-visible{background:var(--sidebar-active-bg,color-mix(in srgb, var(--accent,#820d7e) 82%, var(--sidebar-bg)));color:var(--sidebar-active-text,#fff);box-shadow:inset 3px 0 0 #ffffff8c, 0 8px 18px color-mix(in srgb, var(--accent,#820d7e) 28%, transparent);border-left:none;font-weight:700}.app-sidebar-navy .sidebar-item-home.active{box-shadow:inset 3px 0 0 #ffffffa6, 0 10px 22px color-mix(in srgb, var(--accent,#820d7e) 32%, transparent)}.app-sidebar-navy .sidebar-item-child.active{background:color-mix(in srgb, var(--accent,#820d7e) 28%, var(--sidebar-bg));color:var(--sidebar-text-strong,#fff);box-shadow:inset 3px 0 0 color-mix(in srgb, var(--accent,#820d7e) 85%, transparent);font-weight:700}.app-sidebar-navy a.sidebar-item.active:visited{color:var(--sidebar-active-text,#fff)}.app-sidebar-navy a.sidebar-item-child.active:visited{color:var(--sidebar-text-strong,#fff)}.app-sidebar-navy .sidebar-item:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:1px}.sidebar-item{height:48px;min-height:48px;box-shadow:none;color:var(--text-muted,#64748b);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-left:3px solid #0000;border-radius:0;outline:none;align-items:center;gap:12px;width:100%;padding:0 16px 0 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:flex}a.sidebar-item:visited{color:var(--text-muted,#64748b)}a.sidebar-item.active:visited{color:var(--accent,#820d7e)}.sidebar-item:hover{background:var(--bg-soft,#f8fafc);color:var(--text)}.sidebar-item:focus,.sidebar-item:focus-visible{box-shadow:none;border-color:#0000;outline:none}.sidebar-item.active,.sidebar-item.active:focus,.sidebar-item.active:focus-visible{background:color-mix(in srgb, var(--accent,#820d7e) 10%, var(--surface-tint,#fff));color:var(--accent,#820d7e);box-shadow:none;border:none;border-left:3px solid var(--accent,#820d7e);outline:none}.sidebar-item svg,.sidebar-group-toggle svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px;transition:transform .14s}.sidebar-item:hover svg,.sidebar-group-toggle:hover svg{transform:translateY(-.5px)}.sidebar-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sidebar-item-badge{letter-spacing:.02em;color:#fff;min-width:18px;height:18px;box-shadow:0 0 0 2px color-mix(in srgb, var(--sidebar-bg,#1a1f2e) 70%, transparent);background:#f55671;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex}.sidebar-item.active .sidebar-item-badge,.sidebar-group-toggle.is-active-parent .sidebar-item-badge{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent,#820d7e) 35%, transparent)}.app-sidebar.is-collapsed .sidebar-group-children{display:none!important}.app-sidebar.is-collapsed .sidebar-section-label,.app-sidebar.is-collapsed .sidebar-item-label,.app-sidebar.is-collapsed .sidebar-group-chevron,.app-sidebar.is-collapsed .sidebar-switch-company-label{display:none}.app-sidebar.is-collapsed .sidebar-nav{padding:10px 0 12px;overflow-x:hidden}.app-sidebar.is-collapsed .sidebar-section,.app-sidebar.is-collapsed .sidebar-group{margin-top:4px}.app-sidebar.is-collapsed .sidebar-item,.app-sidebar.is-collapsed .sidebar-group-toggle{justify-content:center;gap:0;width:calc(100% - 16px);margin:0 8px;padding:0;position:relative}.app-sidebar.is-collapsed .sidebar-item-child{width:calc(100% - 16px)!important;margin-left:8px!important}.app-sidebar.is-collapsed .sidebar-item svg,.app-sidebar.is-collapsed .sidebar-group-toggle>svg{width:20px;height:20px}.app-sidebar.is-collapsed .sidebar-item-badge{min-width:14px;height:14px;padding:0 3px;font-size:8px;position:absolute;top:4px;right:4px}.app-sidebar.is-collapsed .sidebar-foot{padding:8px 8px 10px}.app-sidebar.is-collapsed .sidebar-switch-company{width:100%;min-height:40px;padding:0;position:relative}.app-sidebar.is-collapsed .sidebar-switch-company-icon{place-items:center;display:grid}.app-shell-body>.home{height:100%;min-height:100%}.app-shell-body>.dashboard-viewport-page,.app-shell-body>.viewport-locked-page,.app-shell-body>.home.home-page-fill{flex:1;height:100%;min-height:0;overflow:hidden}.home-page-fill{flex-direction:column;display:flex;overflow:hidden}.home-header{min-height:var(--header-height);height:auto;padding:env(safe-area-inset-top,0px) var(--app-pad-x) 0;background:var(--header-color,#fff);z-index:2;box-sizing:border-box;border-bottom:1px solid #e2e8f0;flex-shrink:0;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:center;display:grid;position:relative;box-shadow:0 2px 4px #0000000a}.header-brand{justify-self:start;align-items:center;gap:12px;min-width:0;display:flex}.header-sep{display:none}.header-logo{object-fit:contain;flex-shrink:0;width:auto;height:38px}.header-logo-default{width:36px;height:36px}.header-name{color:var(--header-text,var(--text));white-space:nowrap;font-size:20px;font-weight:700}.header-title-block{text-align:center;justify-self:center;min-width:0}.header-title{letter-spacing:-.01em;color:var(--header-text,#0f2747);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:16px;font-weight:700;overflow:hidden}.header-subtitle{color:var(--header-text-muted,var(--text-muted,#64748b));margin:2px 0 0;font-size:12px;font-weight:500;line-height:1.2}.header-title-spacer{min-width:0}.header-right-controls{flex-shrink:0;justify-self:end;align-items:center;gap:12px;min-width:0;display:flex}.header-brand-stack{flex-direction:column;min-width:0;line-height:1.15;display:flex}.header-brand-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--header-text-muted,var(--text-muted,#64748b));font-size:10px;font-weight:700}.header-icon-button{border:1px solid var(--border,#e2e8f0);background:color-mix(in srgb, var(--header-color,#fff) 88%, var(--accent) 12%);width:40px;height:40px;color:var(--header-text,var(--text));cursor:pointer;border-radius:12px;place-items:center;padding:0;display:none}.header-icon-button svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.header-icon-button:focus-visible{outline:2px solid var(--accent-focus-ring);outline-offset:2px}.home-header-home .header-alert-button{display:grid}.header-notification-button{border-radius:12px;width:40px;height:40px;display:grid;position:relative}.header-notification-badge{background:var(--accent,#820d7e);color:#fff;text-align:center;pointer-events:none;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-4px}html:not(.app-is-mobile) .header-menu-button{display:none!important}.header-online-badge{color:#027a48;white-space:nowrap;background:#ecfdf3;border:1px solid #027a482e;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:650;display:inline-flex}.header-online-dot{font-size:10px;line-height:1}.header-home-button{height:38px;color:var(--header-text,#0f2747);background:var(--surface-tint,#fff);border:1px solid var(--border-strong);cursor:pointer;box-sizing:border-box;white-space:nowrap;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:6.75rem;padding:0 15px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .15s,background .15s,color .15s,box-shadow .15s,transform .1s;display:inline-flex;box-shadow:0 1px 3px #0f172a14}.header-home-button:hover{border-color:var(--accent);color:var(--accent);background:#f0fdfa;box-shadow:0 2px 5px #0f172a1f}.header-home-button:active{transform:translateY(1px)}html[data-header-theme=dark] .header-name,html[data-header-theme=dark] .header-title{color:var(--header-text,#fff)}html[data-header-theme=dark] .header-brand-sub{color:var(--header-text-muted,#ffffffb3)}html[data-header-theme=dark] .header-icon-button{border-color:color-mix(in srgb, var(--header-text,#fff) 22%, transparent);background:color-mix(in srgb, var(--header-color,#0f172a) 82%, #000);color:var(--header-text,#fff)}html[data-header-theme=dark] .header-sep{color:#ffffff73}html[data-header-theme=dark] .header-home-button{color:#fff;background:#ffffff14;border-color:#fff6;box-shadow:0 1px 3px #0003}html[data-header-theme=dark] .header-home-button:hover{color:#fff;background:#ffffff29;border-color:#fff;box-shadow:0 2px 5px #0000004d}.header-logout-button{min-width:5.5rem}html[data-header-theme=dark] .home-header{border-bottom-color:#ffffff26}.alert-main{box-sizing:border-box;flex-direction:column;flex:1;align-items:center;width:100%;padding:32px 48px;display:flex}@media (width<=768px){.alert-main{padding:24px 16px}}.alert-title{text-align:center;color:var(--text);margin:0 0 24px;font-size:24px;font-weight:700}.alert-panel{background:var(--bg-card);border:1px solid var(--border);width:100%;max-width:1600px;box-shadow:var(--shadow-card);box-sizing:border-box;border-radius:14px;padding:24px}.select-input{cursor:pointer}.info-text{color:var(--text-muted);margin:8px 0 0;font-size:14px}.product-line{color:var(--text-muted);margin:16px 0 12px;font-size:14px}.table-wrap{width:100%;overflow-x:auto}.alert-table{border-collapse:collapse;width:100%;font-size:14px}.alert-table th,.alert-table td{text-align:left;border-bottom:1px solid var(--border);box-sizing:border-box;padding:10px 12px}.alert-table thead th{color:var(--text-muted);background:var(--bg-input);font-size:13px;font-weight:600}.alert-table tbody tr:last-child td{border-bottom:none}.alert-table th:first-child,.alert-table td:first-child{width:70px}.alert-table th:nth-child(2),.alert-table td:nth-child(2){word-wrap:break-word;word-break:break-word;white-space:normal;min-width:180px;max-width:380px}.alert-table th:nth-child(3),.alert-table td:nth-child(3){word-wrap:break-word;word-break:break-word;white-space:normal;min-width:220px;max-width:420px}.alert-table:not(.ready-product-table) th:nth-child(4),.alert-table:not(.ready-product-table) td:nth-child(4),.alert-table:not(.ready-product-table) th:nth-child(5),.alert-table:not(.ready-product-table) td:nth-child(5),.alert-table:not(.ready-product-table) th:nth-child(6),.alert-table:not(.ready-product-table) td:nth-child(6){text-align:right;width:110px}.alert-table th:nth-child(7),.alert-table td:nth-child(7){width:130px}.num-cell{text-align:right}.status-badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}[data-theme=dark] .status-low{color:#fda29b;background:#3a1d1a}[data-theme=dark] .status-out{color:#fda29b;background:#3a1d1a}[data-theme=dark] .status-normal{color:#6ce9a9;background:#0f2e22}[data-theme=dark] .status-neutral{color:#cbd5e1;background:#2b3654}.stock-main{padding:var(--app-pad-y) var(--app-pad-x);flex:1}.stock-page{flex-direction:column;flex:none;width:100%;min-width:0;height:auto;display:flex;overflow-x:hidden}.stock-browse-page{width:100%;min-width:0}.skeleton-stock-page{gap:inherit;flex-direction:column;display:flex}.stock-main-simple{width:min(calc(100% - 2 * var(--app-pad-x)), var(--content-max,1680px));padding:clamp(8px, 1.2vh, 14px) 0 calc(clamp(8px, 1.2vh, 14px) + env(safe-area-inset-bottom,0px));flex-direction:column;flex:none;gap:clamp(10px,1.2vh,14px);height:auto;margin:0 auto;display:flex;overflow:visible}.stock-page-heading{flex-shrink:0;align-items:center;min-width:0;margin-bottom:0}.stock-page-heading>div{min-width:0}.stock-history-open,.stock-image-open{white-space:nowrap;min-height:var(--control-height,40px);flex-shrink:0;align-self:end}.stock-browse-toolbar{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;grid-template-columns:minmax(140px,auto) minmax(0,1.5fr) minmax(200px,.72fr) auto;align-items:end;gap:8px 14px;padding:10px 14px 12px;display:grid}.stock-browse-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.stock-browse-actions .export-button{justify-content:center;align-self:auto;align-items:center;gap:6px;display:inline-flex}.stock-browse-title{align-self:center;min-width:0;padding-bottom:2px}.stock-browse-title h1{color:var(--text-primary,var(--text));margin:0;font-size:22px;font-weight:700;line-height:1.2}.stock-browse-toolbar .field{min-width:0;margin-bottom:0}.stock-browse-toolbar .field-label{margin-bottom:4px;font-size:12px}.stock-image-upload-file-field .field-input{width:100%;max-width:100%}.stock-image-upload-file-field .material-image-hint{margin:4px 0 0}.modal.stock-image-modal{flex-direction:column;width:min(760px,100vw - 32px);max-width:calc(100vw - 32px);max-height:min(90dvh,100dvh - 32px);display:flex;overflow:hidden}.modal.stock-image-modal .modal-header,.modal.stock-image-modal .modal-footer{flex-shrink:0}.stock-image-modal-body{min-height:0;overflow-y:auto}.stock-image-modal-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px 20px;display:grid}.stock-image-modal-layout .field{min-width:0;margin-bottom:0}.stock-image-modal-preview-wrap{min-width:0}.stock-image-modal-preview-wrap .field-label{margin-bottom:6px;display:block}.stock-image-modal-preview{aspect-ratio:4/3;border:1px dashed var(--border-strong);background:var(--bg-soft);box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:180px;padding:12px;display:flex;overflow:hidden}.stock-image-modal-preview-img{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.modal.stock-image-modal .modal-footer{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.stock-material-board{box-shadow:none;background:0 0;border:none;border-radius:0;padding:4px 0 8px}.stock-material-board-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.stock-material-board-header .stock-panel-title{margin:0}.stock-material-count{color:var(--text-muted);margin:0;font-size:13px}.stock-material-empty-state{display:none}.stock-material-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid;overflow-x:hidden}.stock-material-card{text-align:left;width:100%;min-width:0;color:inherit;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;box-sizing:border-box;box-shadow:none;border-radius:12px;flex-direction:column;padding:10px;font-family:inherit;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.stock-material-card:hover{border-color:var(--accent);background:var(--bg-card)}.stock-material-card:focus-visible,.stock-material-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-input-ring);outline:none}.stock-material-card-media{aspect-ratio:4/3;background:var(--bg-soft);border-radius:10px;justify-content:center;align-items:center;width:100%;height:auto;padding:8px;display:flex;position:relative;overflow:hidden}.stock-material-card-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.stock-material-card-placeholder{text-align:center;width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;padding:8px;font-size:12px;line-height:1.3;display:flex}.stock-material-card-body{flex-direction:column;gap:8px;min-width:0;padding:10px 2px 2px;display:flex}.stock-material-card-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.stock-material-card-name{color:var(--text);overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:13px;font-weight:700;line-height:1.35}.stock-material-card-heading .status-badge{flex-shrink:0;padding:2px 8px;font-size:11px}.stock-material-card-facts{gap:5px;margin:0;display:grid}.stock-material-card-facts>div{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:8px;display:grid}.stock-material-card-facts dt{color:var(--text-muted);margin:0;font-size:11px;font-weight:500;line-height:1.35}.stock-material-card-facts dd{color:var(--text);text-align:right;overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:600;line-height:1.35}.stock-material-card-stock{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:600;line-height:1.35}.stock-material-card-meta{color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.35}.modal.stock-entry-modal{flex-direction:column;width:min(1080px,100vw - 32px);max-width:calc(100vw - 32px);max-height:min(90dvh,100dvh - 32px);display:flex;overflow:hidden}.modal.stock-entry-modal .modal-header,.modal.stock-entry-modal .modal-footer{flex-shrink:0}.modal.stock-entry-modal>form{flex-direction:column;flex:auto;min-height:0;display:flex}.stock-entry-modal-body{min-height:0;overflow:hidden auto}.stock-entry-modal-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:24px;display:grid}.stock-entry-modal-details,.stock-entry-modal-form{min-width:0;max-width:100%}.stock-entry-modal-details{overflow-x:hidden}.stock-entry-modal .stock-material-image-frame{width:100%;max-width:none;margin:0 0 12px}.stock-entry-modal .stock-material-detail-thumb.material-image-thumb.size-lg,.stock-entry-modal .stock-material-image-frame .material-image-thumb.size-lg{width:min(360px,100%);max-width:100%;height:clamp(140px,18vh,220px);max-height:220px}.stock-entry-modal .stock-material-image-placeholder{min-height:clamp(140px,18vh,220px);max-height:220px}.stock-entry-modal .stock-material-detail-list{width:100%;min-width:0}.stock-entry-modal .stock-material-detail-row{grid-template-columns:minmax(108px,34%) minmax(0,1fr)}.stock-entry-modal .stock-material-detail-row dd{overflow-wrap:anywhere;word-break:break-word;white-space:normal;min-width:0;max-width:100%}.stock-entry-modal .stock-notes{resize:vertical;min-height:72px}.modal.stock-entry-modal .modal-footer{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@media (width<=1280px){.stock-material-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (width<=1100px){.stock-browse-toolbar{grid-template-columns:minmax(0,1.4fr) minmax(200px,.8fr) auto}.stock-browse-title{grid-column:1/-1;padding-bottom:0}}@media (width<=900px){.stock-browse-toolbar{grid-template-columns:minmax(0,1fr) auto}.stock-browse-title{grid-area:1/1}.stock-browse-toolbar .stock-browse-actions{grid-area:1/2}.stock-browse-search-field,.stock-browse-product-field{grid-column:1/-1}.stock-entry-modal-layout,.stock-image-modal-layout{grid-template-columns:minmax(0,1fr)}.stock-history-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stock-material-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (width<=640px){.stock-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.modal.stock-image-modal .modal-footer .secondary-button,.modal.stock-image-modal .modal-footer .save-button{justify-content:center;width:100%;min-height:44px}.stock-history-toolbar{grid-template-columns:minmax(0,1fr)}.modal.stock-history-modal .modal-footer .export-button,.modal.stock-history-modal .modal-footer .secondary-button{justify-content:center;width:100%;min-height:44px}}@media (width<=380px){.stock-material-grid{grid-template-columns:minmax(0,1fr)}}.stock-entry-card{flex:none;min-height:0;padding:clamp(14px,2vh,22px) clamp(16px,2vw,24px);overflow:visible}.stock-entry-dashboard{flex-direction:column;flex:none;display:flex}.stock-entry-grid{align-items:stretch;gap:clamp(12px,1.5vw,18px);display:flex}.stock-entry-panel-form,.stock-entry-panel-material{flex:1 1 0;min-width:0}.stock-entry-panel{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:14px;flex-direction:column;min-width:0;display:flex;overflow:visible}.stock-entry-form{flex-direction:column;flex:auto;min-height:0;display:flex}.stock-entry-material-scroll{flex:auto;padding:clamp(10px,1.4vh,14px) clamp(14px,1.6vw,18px);overflow:visible}.stock-entry-panel-title{color:var(--text);border-bottom:1px solid var(--border);flex-shrink:0;margin:0;padding:clamp(10px,1.4vh,14px) clamp(14px,1.6vw,18px) clamp(8px,1vh,10px);font-size:15px;font-weight:700}.stock-entry-form-scroll{padding:clamp(10px,1.4vh,14px) clamp(14px,1.6vw,18px);overflow:visible}.stock-entry-form-scroll .field{margin-bottom:clamp(6px,.9vh,10px)}.stock-entry-form-actions{border-top:1px solid var(--border);background:var(--bg-soft);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:clamp(10px,1.2vh,12px) clamp(14px,1.6vw,18px);display:flex}.stock-reset-button{min-width:96px}.stock-material-detail-card{flex-direction:column;gap:clamp(8px,1vh,12px);display:flex}.stock-material-detail-empty{text-align:center;justify-content:center;align-items:center;min-height:clamp(80px,12vh,120px);display:flex}.stock-material-image-frame{background:var(--bg-soft);border:1px solid var(--border);box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;width:min(360px,100%);max-width:360px;margin:0 auto;padding:clamp(8px,1vh,12px);display:flex}.stock-material-image-placeholder{text-align:center;justify-content:center;align-items:center;width:100%;min-height:clamp(200px,22vh,240px);max-height:260px;display:flex}.stock-material-detail-thumb.material-image-thumb.size-lg,.stock-material-image-frame .material-image-thumb.size-lg{border-radius:10px;width:min(336px,100%);max-width:336px;height:clamp(220px,24vh,260px);max-height:260px}.stock-material-detail-thumb .material-image-thumb-img,.stock-material-image-frame .material-image-thumb-img{object-fit:contain}.stock-material-detail-list{gap:clamp(5px,.7vh,8px);margin:0;display:grid}.stock-material-detail-row{grid-template-columns:minmax(110px,38%) minmax(0,1fr);align-items:start;gap:8px 12px;display:grid}.stock-material-detail-row dt{letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:12px;font-weight:700}.stock-material-detail-row dd{color:var(--text);word-break:break-word;overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600;line-height:1.4}@media (width<=1024px){.stock-material-image-frame{width:min(320px,100%);max-width:320px}.stock-material-detail-thumb.material-image-thumb.size-lg,.stock-material-image-frame .material-image-thumb.size-lg{width:min(296px,100%);max-width:296px;height:clamp(200px,22vh,240px);max-height:240px}.stock-material-image-placeholder{min-height:clamp(180px,20vh,220px);max-height:240px}}@media (width<=768px){.stock-material-image-frame{width:100%;max-width:min(360px,100%)}.stock-material-detail-thumb.material-image-thumb.size-lg,.stock-material-image-frame .material-image-thumb.size-lg{width:min(100%,320px);max-width:100%;height:clamp(180px,28vw,240px);max-height:240px}}.stock-entry-card .stock-panel-title{margin-bottom:clamp(8px,1.4vh,12px)}.stock-entry-card .field{margin-bottom:clamp(8px,1.3vh,12px)}.stock-search-field{position:relative}.stock-material-hint{margin:0 0 clamp(8px,1.2vh,12px)}.stock-notes{resize:none;min-height:clamp(36px,5vh,52px)}.stock-submit-button{width:auto;min-width:180px;margin-left:0;display:inline-flex}.stock-history-modal{flex-direction:column;width:min(1180px,100vw - 32px);max-width:calc(100vw - 32px);max-height:min(90dvh,100dvh - 32px);display:flex;overflow:hidden}.modal.stock-history-modal .modal-header,.modal.stock-history-modal .modal-footer{flex-shrink:0}.stock-history-modal .stock-history-body{flex-direction:column;flex:auto;min-height:0;padding-bottom:12px;display:flex;overflow:hidden}.stock-history-toolbar{flex-shrink:0;grid-template-columns:minmax(180px,1.4fr) minmax(140px,.9fr) minmax(140px,.9fr) minmax(130px,.7fr);align-items:end;gap:10px 12px;display:grid}.stock-history-toolbar .field{min-width:0;margin-bottom:0}.stock-history-toolbar .field-label{margin-bottom:4px;font-size:12px}.stock-history-toolbar .stock-combobox-field,.stock-history-product,.stock-history-material,.stock-history-type{width:100%;min-width:0}.stock-history-table{flex:1;min-height:0;overflow:hidden auto}.stock-history-table.table-wrap{overflow-x:hidden}.stock-history-table .stock-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:0}.stock-history-table .stock-table th,.stock-history-table .stock-table td{vertical-align:top;overflow-wrap:anywhere;word-break:break-word;white-space:normal;padding:8px;font-size:12px;line-height:1.35}.stock-history-table .stock-table th:first-child,.stock-history-table .stock-table td.stock-history-cell-date{width:13%}.stock-history-table .stock-table th:nth-child(2),.stock-history-table .stock-table td.stock-history-cell-product{width:15%}.stock-history-table .stock-table th:nth-child(3),.stock-history-table .stock-table td.stock-history-cell-material{width:18%}.stock-history-table .stock-table th:nth-child(4),.stock-history-table .stock-table td.stock-history-cell-type{width:12%}.stock-history-table .stock-table th:nth-child(5),.stock-history-table .stock-table td.stock-history-cell-qty{width:8%}.stock-history-table .stock-table th:nth-child(6),.stock-history-table .stock-table td.stock-history-cell-previous,.stock-history-table .stock-table th:nth-child(7),.stock-history-table .stock-table td.stock-history-cell-balance{width:10%}.stock-history-table .stock-table th:nth-child(8),.stock-history-table .stock-table td.stock-history-cell-notes{width:14%}.stock-history-cell-type .status-badge{white-space:nowrap;max-width:100%}.stock-history-material{align-items:flex-start;gap:8px;min-width:0;display:flex}.stock-history-material-name{overflow-wrap:anywhere;min-width:0}.stock-history-thumb.material-image-thumb.size-sm{border-radius:6px;flex-shrink:0;width:32px;height:32px}.stock-history-thumb .material-image-thumb-img{object-fit:contain}.stock-history-thumb .material-image-thumb-placeholder{padding:2px;font-size:8px}.stock-history-empty{margin:12px 0 0}.modal.stock-history-modal .modal-footer{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.stock-layout{grid-template-columns:minmax(320px,460px) minmax(0,1fr);align-items:start;gap:20px;width:100%;max-width:1280px;margin:0 auto;display:grid}.stock-panel{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:14px;padding:24px}.stock-panel-title{color:var(--text);margin:0 0 18px;font-size:16px;font-weight:700}.stock-panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.stock-combobox-field.is-disabled{opacity:.65}.stock-combobox{width:100%;position:relative}.stock-combobox-field{width:100%;min-height:var(--control-height,40px);background:var(--bg-input);border:1px solid var(--border-strong);box-sizing:border-box;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.stock-combobox-field:focus-within,.stock-combobox-field.is-open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-input-ring)}.stock-combobox-input{min-width:0;height:38px;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.stock-combobox-input::placeholder{color:var(--text-faint)}.stock-search-results{z-index:30;max-height:min(280px, calc(var(--app-viewport,100dvh) - 220px));background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:12px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto}.stock-search-option,.stock-search-empty{border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.stock-search-empty{color:var(--text-muted);font-size:13px}.stock-search-option{cursor:pointer}.stock-search-option.is-active,.stock-search-option:hover,.stock-search-option.is-selected{background:var(--bg-soft)}.stock-search-option-main{flex-direction:column;gap:2px;min-width:0;display:flex}.stock-search-option-main span{color:var(--text-muted);font-size:12px}.stock-search-option-main strong{color:var(--text);font-size:14px}.stock-search-option-meta,.stock-search-option-cat{color:var(--text-muted);font-size:12px}.stock-search-option-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.stock-search-mark{background:color-mix(in srgb, var(--accent) 22%, transparent);color:inherit;border-radius:2px;padding:0 1px;font-weight:700}.stock-chip-label{letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px;font-size:12px;font-weight:700}.stock-selected-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;margin:0 0 12px;padding:10px 12px}.stock-selected-card strong{color:var(--text);margin:0 0 4px;font-size:15px;display:block}.stock-selected-card p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.stock-type-toggle{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stock-type-option{min-height:38px;color:var(--text);background:var(--bg-input);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:600;display:flex;position:relative}.stock-type-option input{opacity:0;pointer-events:none;position:absolute}.stock-type-option.is-active{color:var(--accent);border-color:var(--accent);background:var(--bg-soft);box-shadow:0 0 0 3px var(--accent-input-ring)}.stock-preview{color:var(--text);flex-wrap:wrap;gap:8px 20px;margin:0 0 12px;font-size:13px;font-weight:600;display:flex}@media (width<=1024px){.stock-layout,.stock-entry-grid{flex-direction:column}.stock-entry-panel-form,.stock-entry-panel-material{flex:none}.stock-material-detail-empty{min-height:80px}}@media (width<=768px){.stock-page{height:auto;overflow:visible}.stock-main-simple{width:min(calc(100% - 32px), var(--content-max,1680px));height:auto;padding-block:16px;overflow:visible}.stock-entry-form-actions{flex-direction:column-reverse;align-items:stretch}.stock-reset-button,.stock-submit-button{width:100%}.stock-entry-card{flex:none;overflow:visible}.stock-history-open,.stock-submit-button,.stock-type-option,.export-button{min-height:44px}.stock-history-open,.stock-submit-button{width:100%}.stock-browse-actions .stock-history-open,.stock-browse-actions .stock-image-open{width:auto}.stock-qty-input,.stock-combobox-input,.select-input,.stock-history-type{min-height:44px}.stock-entry-panel,.stock-panel{padding:16px}.stock-combobox-input,.stock-qty-input{font-size:16px}.stock-qty-input,.stock-submit-button,.stock-combobox-field{min-height:48px}.stock-combobox-input{height:46px}.stock-type-toggle{grid-template-columns:repeat(3,minmax(0,1fr))}.stock-type-option{min-height:44px;padding:0 4px;font-size:12px}.stock-search-results{max-height:min(220px, calc(var(--app-viewport,100dvh) - 180px))}.stock-history-modal{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:min(90dvh,100dvh - 24px)}.stock-history-modal .modal-close{width:44px;height:44px}.stock-history-toolbar{grid-template-columns:minmax(0,1fr)}.stock-history-product,.stock-history-material,.stock-history-type{width:100%}.stock-history-table{max-height:none}.stock-panel-heading,.log-toolbar{flex-direction:column;align-items:stretch}.log-filter,.export-button{width:100%;max-width:none}}@media (height<=800px){.stock-main-simple{gap:8px;padding-block:10px}.stock-image-modal-preview{min-height:120px}.stock-entry-card{padding:14px 18px}.stock-entry-card .field{margin-bottom:8px}.stock-notes{min-height:48px}.stock-page-heading h1,.stock-page .page-heading h1{font-size:22px}.stock-panel-title{margin-bottom:8px}}@media (height<=500px){.stock-main-simple{gap:6px;padding-block:8px}.stock-entry-card{padding:12px 14px}.stock-notes{min-height:40px}.stock-type-option{min-height:36px}}.radio-group{flex-direction:column;gap:8px;display:flex}.radio-option{color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.radio-option input{width:16px;height:16px;accent-color:var(--accent)}.ready-mode-option{align-items:flex-start}.ready-mode-copy{flex-direction:column;gap:2px;display:flex}.ready-mode-title{font-weight:600;line-height:1.3}.ready-mode-help{color:var(--text-muted);font-size:12px;font-weight:400;line-height:1.35}.ready-create-form{grid-template-columns:minmax(0,1fr);grid-template-areas:"product""type""hint""id""name";align-items:start;gap:10px;width:100%;min-width:0;display:grid;overflow-x:hidden}.ready-create-form:not(.is-gateway) .ready-form-left{display:contents}.ready-create-form.is-gateway{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"left right";align-items:start;gap:10px 18px}.ready-form-left{flex-direction:column;grid-area:left;gap:8px;min-width:0;display:flex}.ready-create-form.is-gateway .ready-form-gateway{grid-area:right;align-self:stretch}.ready-form-product{grid-area:product}.ready-form-type{grid-area:type}.ready-form-gateway{grid-area:gateway}.ready-form-hint{grid-area:hint;margin-top:0}.ready-form-id{grid-area:id}.ready-form-name{grid-area:name}.ready-form-left .field{margin-bottom:0}.ready-gateway-column{flex-direction:column;align-self:stretch;gap:8px;width:100%;min-width:0;display:flex}.ready-gateway-column .ready-form-refs{margin:0}.ready-refs-panel{border:1px solid var(--border);background:var(--bg-soft,#f8fafc);box-sizing:border-box;border-radius:8px;padding:12px}.ready-refs-eyebrow{color:var(--text-muted,#64748b);text-transform:uppercase;margin-bottom:4px;font-size:13px;font-weight:700;display:block}.ready-refs-title{margin-bottom:10px;font-size:14px;font-weight:700;display:block}.ready-refs-entry-row{flex-wrap:wrap;align-items:stretch;gap:8px;margin-bottom:8px;display:flex}.ready-refs-entry-row .field-input{flex:160px;min-width:0;margin:0}.ready-refs-save-btn{white-space:nowrap;flex:none;min-height:40px}.ready-refs-selected{margin:8px 0 10px}.ready-refs-default-hint{margin:2px 0 8px;font-size:.82rem;line-height:1.35;display:block}.ready-refs-chips{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.ready-refs-chip{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;font-weight:600;display:inline-flex}.ready-refs-chip-remove{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.ready-refs-chip-remove:hover{color:var(--danger,#b91c1c)}.ready-refs-help{color:var(--text-muted,#64748b);margin-bottom:12px;font-size:12px;line-height:1.4;display:block}.ready-refs-preview{border-top:1px solid var(--border);margin-top:6px;padding-top:10px}.ready-refs-preview-title{text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700}.ready-refs-preview-body{flex-direction:column;gap:4px;font-size:13px;display:flex}.ready-refs-preview-body strong{color:var(--accent,#820d7e)}@media (width<=700px){.ready-refs-entry-row{flex-direction:column}.ready-refs-save-btn{width:100%}}.modal-overlay:has(.ready-product-modal){padding:16px;overflow:hidden}.ready-product-modal{width:min(520px,100vw - 32px);max-width:min(520px,100vw - 32px)}.modal.ready-product-modal{border-radius:14px;flex-direction:column;width:min(520px,100vw - 32px);max-width:min(520px,100vw - 32px);max-height:calc(100vh - 32px);display:flex;overflow:hidden}.modal.ready-product-modal>form{flex-direction:column;flex:auto;min-height:0;max-height:100%;display:flex;overflow:hidden}.modal.ready-product-modal .modal-header{flex:none;padding:10px 14px}.modal.ready-product-modal .modal-title{font-size:16px}.modal.ready-product-modal .modal-body{overscroll-behavior:contain;flex:auto;gap:6px;min-height:0;padding:10px 14px;overflow:hidden!important}.modal.ready-product-modal .modal-footer{background:var(--bg-card);z-index:2;border-top:1px solid var(--border);flex:none;gap:8px;padding:8px 14px}.modal.ready-product-modal .modal-footer .save-button,.modal.ready-product-modal .modal-footer .secondary-button{min-height:34px;padding:6px 14px;font-size:13px}.modal.ready-product-modal .modal-close{flex-shrink:0;width:30px;height:30px;font-size:22px}.modal.ready-product-modal .ready-create-form{gap:8px;height:auto;max-height:none;overflow:visible}.modal.ready-product-modal .ready-form-left{gap:6px}.modal.ready-product-modal .ready-gateway-column{gap:6px;height:auto;max-height:none;overflow:visible}.modal.ready-product-modal .ready-gateway-configuration{border-width:1px;padding:8px 10px}.modal.ready-product-modal .ready-gateway-configuration .field-label,.modal.ready-product-modal .ready-gateway-configuration legend.field-label{margin-bottom:4px;font-size:12px}.modal.ready-product-modal .ready-gateway-options{flex-flow:wrap;gap:10px 16px}.modal.ready-product-modal .ready-production-options{flex-direction:column;gap:4px}.modal.ready-product-modal .ready-refs-panel{padding:8px;overflow:visible}.modal.ready-product-modal .ready-refs-eyebrow{display:none}.modal.ready-product-modal .ready-refs-title{margin-bottom:4px;font-size:12px;font-weight:700}.modal.ready-product-modal .ready-refs-input-label{margin-bottom:2px;font-size:11px}.modal.ready-product-modal .ready-refs-entry-row{gap:6px;margin-bottom:4px}.modal.ready-product-modal .ready-refs-save-btn{min-height:32px;padding:4px 10px;font-size:12px}.modal.ready-product-modal .ready-refs-selected{margin:2px 0 4px}.modal.ready-product-modal .ready-refs-selected>.field-label{margin-bottom:2px;font-size:11px}.modal.ready-product-modal .ready-refs-default-hint{margin:0 0 3px;font-size:10px;line-height:1.25}.modal.ready-product-modal .ready-refs-chips{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));align-content:start;gap:3px;max-height:none;margin-top:2px;display:grid;overflow:visible}.modal.ready-product-modal .ready-refs-chip{border-radius:4px;justify-content:center;gap:2px;padding:1px 4px;font-size:10px}.modal.ready-product-modal .ready-refs-chip-remove{padding:0;font-size:12px}.modal.ready-product-modal .ready-refs-help{margin-bottom:4px;font-size:10px;line-height:1.25}.modal.ready-product-modal .ready-refs-preview{margin-top:2px;padding-top:6px}.modal.ready-product-modal .ready-refs-preview-title{text-transform:uppercase;letter-spacing:.02em;margin-bottom:2px;font-size:10px}.modal.ready-product-modal .ready-refs-preview-body{gap:1px;font-size:10px;line-height:1.3}.modal.ready-product-modal .ready-refs-preview-refs{word-break:break-word}.modal.ready-product-modal .ready-production-hint{margin-top:0;padding:4px 8px;font-size:10px;line-height:1.25}.modal.ready-product-modal .field-label{margin-bottom:3px;font-size:12px}.modal.ready-product-modal .field-input,.modal.ready-product-modal .select-input{min-height:32px;padding:4px 8px;font-size:13px}.modal.ready-product-modal .radio-option{gap:6px;font-size:12px}.modal.ready-product-modal .ready-form-error{margin:4px 0 0;font-size:12px}@media (width<=1024px){.modal.ready-product-modal:has(.ready-create-form.is-gateway){width:calc(100vw - 32px);max-width:calc(100vw - 32px)}}@media (width<=900px){.ready-create-form.is-gateway{grid-template-columns:minmax(0,1fr);grid-template-areas:"left""right"}.modal.ready-product-modal:has(.ready-create-form.is-gateway){width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.modal.ready-product-modal .modal-body{overflow-y:auto!important}}@media (height<=820px){.modal.ready-product-modal .modal-header,.modal.ready-product-modal .modal-body{padding:8px 12px}.modal.ready-product-modal .modal-footer{padding:6px 12px}.modal.ready-product-modal .ready-form-left{gap:5px}.modal.ready-product-modal .ready-gateway-configuration{padding:6px 8px}.modal.ready-product-modal .ready-refs-panel{padding:6px}.modal.ready-product-modal .ready-refs-chips{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:2px}.modal.ready-product-modal .field-input,.modal.ready-product-modal .select-input{min-height:30px}}@media (width<=700px){.ready-refs-entry-row{flex-direction:column}.ready-refs-save-btn{width:100%}.modal.ready-product-modal{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.modal.ready-product-modal:has(.ready-create-form.is-gateway){width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.modal.ready-product-modal .modal-footer{flex-wrap:wrap}.modal.ready-product-modal .modal-footer .save-button,.modal.ready-product-modal .modal-footer .secondary-button{flex:auto;min-width:120px}}.ready-gateway-configuration{border:1px solid var(--accent);box-sizing:border-box;background:#fff;border-radius:8px;width:100%;min-width:0;margin:0;padding:10px 12px;visibility:visible!important;opacity:1!important;height:auto!important;display:block!important}.ready-create-form.is-gateway .ready-form-gateway{align-self:stretch}.ready-product-modal .ready-gateway-configuration{visibility:visible!important;display:block!important}.ready-gateway-configuration .field-label,.ready-gateway-configuration legend.field-label{float:none;width:auto;margin:0 0 8px;padding:0}.ready-gateway-options{flex-direction:column;gap:8px;display:flex}.ready-production-hint{color:var(--text);background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;margin:8px 0 0;padding:8px 10px;font-size:12px;line-height:1.4}.ready-type-stack{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.textarea-input{resize:vertical;min-height:80px;font-family:inherit}.success-message{color:#188a5f;background:#ecfdf3;border:1px solid #abefc6;border-radius:8px;margin:0 0 16px;padding:10px 12px;font-size:13px}[data-theme=dark] .success-message{color:#6ce9a9;background:#0f2e22;border-color:#1f6b48}.log-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.log-filter{flex:1;min-width:180px;max-width:260px}.export-button{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:8px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.export-button:hover{background:var(--accent-hover)}.export-button:disabled{background:var(--accent-disabled);cursor:not-allowed}.stock-table{min-width:640px}.nowrap-cell{white-space:nowrap}.ready-stack{flex-direction:column;gap:20px;width:100%;max-width:1200px;margin:0 auto;display:flex}.ready-badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.ready-normal,.ready-with{color:var(--accent);background:var(--bg-soft)}[data-theme=dark] .ready-normal,[data-theme=dark] .ready-with{color:#93c5fd;background:#15294a}.ready-without{color:var(--text-muted);background:var(--bg-input)}[data-theme=dark] .ready-already{color:#5eead4;background:#134e4a}.confirm-summary{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);border-radius:8px;flex-direction:column;gap:8px;padding:12px;font-size:13px;display:flex}.confirm-summary-row{justify-content:space-between;gap:16px;display:flex}.mac-cell{font-variant-numeric:tabular-nums}.edit-button{color:var(--accent);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:600}.edit-button:hover{background:var(--bg-input)}.edit-cancel-button{width:100%;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;margin-top:10px;padding:11px 12px;font-family:inherit;font-size:15px;font-weight:600}.edit-cancel-button:hover{background:var(--bg-input)}.modal-card{background:var(--bg-card);border:1px solid var(--border);width:100%;max-width:440px;box-shadow:var(--shadow-card);border-radius:14px;padding:24px}.modal-message{color:var(--text-muted);margin:0 0 20px;font-size:14px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal-cancel,.modal-confirm{cursor:pointer;border-radius:8px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:600}.modal-cancel{color:var(--text-muted);border:1px solid var(--border);background:0 0}.modal-cancel:hover{background:var(--bg-input)}.modal-confirm{color:#fff;background:var(--accent);border:none}.modal-confirm:hover{background:var(--accent-hover)}.modal-confirm:disabled{background:var(--accent-disabled);cursor:default}.home-main{box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;width:100%;min-height:0;padding:10px 16px 12px;display:flex;overflow:hidden}.home-dashboard-title{color:var(--text-primary,var(--text));text-align:left;flex-shrink:0;margin:0;font-size:18px;font-weight:700;line-height:1.15}.home-dashboard-subtitle{max-width:none;color:var(--text-muted);text-align:left;flex-shrink:0;margin:0;font-size:13px;line-height:1.35}.module-card{box-sizing:border-box;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;height:64px;min-height:64px;max-height:72px;box-shadow:var(--shadow-card-subtle);border-radius:8px;flex-direction:row;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.module-card:hover{border-color:var(--accent);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.module-card:focus-visible{outline:3px solid var(--accent-focus-ring);outline-offset:2px}.module-number{color:var(--accent);background:var(--bg-soft);border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:700}.module-icon{width:22px;height:22px;color:var(--accent);flex-shrink:0}.module-name{text-align:left;color:var(--text);flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.25}@media (width<=1600px){.home-dashboard-title{font-size:18px}.home-container{gap:12px}.home-grid{gap:10px}.module-card{height:60px;min-height:60px;max-height:64px;padding:8px 12px}}@media (width<=1366px){.home-main{padding:12px 16px 14px}.home-dashboard-wrapper{width:100%}.home-dashboard-title{font-size:17px}.home-container{gap:10px}.module-card{height:56px;min-height:56px;max-height:60px;padding:8px 10px}.module-name{font-size:12px}.module-icon{width:18px;height:18px}}@media (width<=1199px){.home,.home-page-fill,.app-shell-body>.home.home-page-fill{height:100%;overflow:hidden}.home-main{justify-content:flex-start;padding:8px 12px 10px;overflow:hidden}.home-page-fill .home-dashboard-wrapper{flex:1;width:100%;height:100%;min-height:0;overflow:hidden}.home-container{flex:none;gap:10px;min-height:0}}@media (width<=900px){.home-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.capacity-item{flex-wrap:nowrap;align-items:center}.capacity-qty-badge-group{flex-wrap:nowrap;justify-content:flex-end}.home-main{padding:6px 8px 8px}.home-dashboard-wrapper{width:100%}.home-dashboard-title{font-size:18px}.home-grid{grid-template-columns:1fr}.module-card{height:56px;min-height:56px;max-height:none}}.settings-main{flex:1;padding:16px 0}.settings-grid{gap:0;width:100%;max-width:none;margin:0;display:block}.settings-page{box-sizing:border-box;width:100%}.settings-viewport-page.settings-page{height:auto;min-height:100%;padding:0;overflow:visible}.settings-viewport-page .settings-main{box-sizing:border-box;flex-direction:column;height:auto;min-height:0;padding:16px 0;display:flex;overflow:visible}.settings-viewport-page .settings-page-header{flex-shrink:0;margin:0 0 16px}.settings-viewport-page .settings-grid{flex:none;align-content:start;place-items:start stretch;gap:0;width:100%;max-width:none;min-height:0;margin:0;padding:0;display:block;overflow:visible}@media (width>=1024px){.settings-viewport-page .settings-grid{grid-template-areas:none}.settings-viewport-page .settings-grid>.settings-panel:nth-child(n),.settings-viewport-page .settings-panel-quick{grid-area:auto}}.settings-panel{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:12px;padding:24px}.settings-page .settings-panel{box-sizing:border-box;border-radius:16px;flex-direction:column;flex:none;justify-content:flex-start;align-self:start;align-items:stretch;gap:12px;width:100%;min-width:0;height:auto;min-height:0;max-height:none;margin:0;padding:20px;display:flex;overflow:visible;box-shadow:0 1px 3px #0f27470f}.settings-panel-title{color:var(--text);margin:0 0 18px;font-size:16px;font-weight:700}.settings-page .settings-panel-title{color:#0f2747;flex-shrink:0;margin:0;font-size:16px;font-weight:700;line-height:1.2}[data-theme=dark] .settings-page .settings-panel-title{color:var(--text)}.settings-card-form{box-sizing:border-box;flex-direction:column;flex:none;justify-content:flex-start;gap:12px;width:100%;min-width:0;height:auto;min-height:0;display:flex}.settings-page .field{gap:5px;margin-bottom:0}.settings-page .field-label{margin-bottom:0;font-size:12px;line-height:1.2}.settings-page .field,.settings-page .field-input{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.settings-page .field-input{height:36px;min-height:36px;max-height:36px;padding:6px 10px;font-size:13px}.settings-page .save-button,.settings-page .choose-logo-button,.settings-page .secondary-button{box-sizing:border-box;justify-content:center;align-items:center;width:auto;height:36px;min-height:36px;padding:0 12px;font-size:12px;display:inline-flex}.settings-page .settings-message{flex:1;min-width:0;margin:0;padding:4px 8px;font-size:12px}.settings-label-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.settings-strength{font-size:11px;font-weight:700}.settings-strength.strength-weak{color:#b42318}.settings-strength.strength-fair{color:#b54708}.settings-strength.strength-good{color:#027a48}.settings-strength.strength-strong{color:#026aa2}.settings-card-footer{flex-wrap:wrap;flex-shrink:0;justify-content:flex-start;align-items:center;gap:8px;width:100%;margin-top:auto;display:flex}.settings-security-footer{flex-wrap:wrap}.settings-card-footer .save-button{margin-left:auto}.settings-page .settings-panel:has(.settings-audit-list) .settings-card-footer .save-button{margin-left:0}.settings-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.settings-logo-row,.settings-favicon-row{flex-wrap:wrap;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.settings-favicon-preview{justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;display:flex}.settings-favicon-preview img{object-fit:contain;width:32px;height:32px}.settings-carousel-list{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.settings-carousel-item{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:10px;display:grid}.settings-carousel-thumb{background:color-mix(in srgb, var(--bg-input,#f8fafc) 90%, #fff);border-radius:10px;justify-content:center;align-items:center;width:72px;height:54px;display:flex;overflow:hidden}.settings-carousel-thumb img{object-fit:contain;width:100%;height:100%}.settings-carousel-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-carousel-meta strong{font-size:14px}.settings-carousel-meta span{color:var(--text-muted);font-size:12px}.settings-carousel-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}@media (width<=640px){.settings-carousel-item{grid-template-columns:64px minmax(0,1fr)}.settings-carousel-actions{grid-column:1/-1}}.settings-logo-preview{background:var(--bg-input);border:1px dashed var(--border-strong);width:36px;height:36px;color:var(--text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;display:flex;overflow:hidden}.settings-logo-preview img{object-fit:contain;width:100%;height:100%}.settings-appearance-row{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;width:100%;min-width:0;display:flex}.settings-appearance-row>.field{flex:140px;min-width:0}.settings-appearance-row>.secondary-button{flex:none}@media (width<=767px){.settings-appearance-row>.secondary-button{width:100%}}.settings-theme-row{flex-flow:wrap;align-items:center;gap:12px;min-height:36px}.settings-password-kind-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.settings-password-kind-option{border:1px solid var(--border);background:var(--bg-input);min-height:44px;color:var(--text);cursor:pointer;box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;padding:0 12px;font-size:14px;font-weight:600;display:flex;position:relative}.settings-password-kind-option.is-active{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--bg-input));color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent)}.settings-password-kind-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.settings-page .settings-color-input{width:32px;height:32px;min-height:32px}@media (width<=768px){.settings-page .settings-color-input{width:44px;height:44px;min-height:44px}}.settings-slider-field,.settings-scrollbar-field{flex:180px}.settings-page .settings-color-value{font-size:11px}.settings-meta{color:var(--text-muted);margin:0;font-size:12px}.settings-db-actions{flex-wrap:wrap;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.settings-db-actions>button{box-sizing:border-box;height:36px;min-height:36px}.settings-audit-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.settings-audit-list li{color:var(--text);justify-content:space-between;gap:8px;font-size:12px;display:flex}.settings-audit-action{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.settings-audit-time{color:var(--text-muted);flex-shrink:0}.settings-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 24px;width:100%;margin:0;display:grid}.settings-stats div{flex-direction:column;gap:1px;display:flex}.settings-stats span{color:var(--text-muted);font-size:12px}.settings-stats strong{color:var(--text);font-size:18px;line-height:1.1}.settings-status{color:#027a48;align-items:center;gap:6px;margin:2px 0 0;font-size:12px;font-weight:600;display:flex}.app-shell-body>.settings-viewport-page{flex:1 0 auto;height:auto;min-height:100%;overflow:visible}.settings-page .radio-option{font-size:13px}.settings-quick-actions{grid-template-columns:1fr 1fr;align-items:stretch;gap:8px;width:100%;display:grid}@media (width>=768px){.settings-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}.settings-quick-action{text-align:left;color:#0f2747;border:1px solid var(--border);cursor:pointer;box-sizing:border-box;background:#f8fafc;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;width:100%;height:40px;min-height:40px;max-height:none;padding:0 12px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex;overflow:hidden}.settings-quick-action:hover:not(:disabled){border-color:var(--accent);background:var(--bg-soft)}.settings-quick-action:disabled{opacity:.65;cursor:wait}.settings-quick-icon,.settings-quick-action svg{min-width:16px;max-width:16px;min-height:16px;max-height:16px;color:var(--accent);flex:0 0 16px;display:block;overflow:hidden;width:16px!important;height:16px!important}[data-theme=dark] .settings-quick-action{color:var(--text);background:var(--bg-input)}@media (width>=768px) and (height<=900px){.settings-viewport-page .settings-main{padding:16px 0}.settings-viewport-page .settings-grid{gap:16px}.settings-viewport-page .settings-page-header{margin:0 0 16px}}@media (width>=768px) and (height<=800px){.settings-viewport-page.settings-page.dashboard-viewport-page,.app-shell-body>.settings-viewport-page{flex:1 0 auto;height:auto;overflow:visible}.settings-viewport-page .settings-main{height:auto;padding:16px 0;overflow:visible}.settings-viewport-page .settings-grid{height:auto;overflow:visible}.settings-page .settings-panel{overflow:visible}}.settings-section-label{color:var(--text-muted);margin:0 0 10px;font-size:13px}.sale-form-section{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 12px;font-size:12px;font-weight:700}.sale-controller-info{background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;margin:0 0 4px;padding:10px 12px}.sale-controller-info-title{color:var(--text);margin:0 0 6px;font-size:12px;font-weight:700}.sale-controller-info p{color:var(--text-muted);margin:0 0 4px;font-size:12px;line-height:1.4}.sale-controller-info p:last-child{margin-bottom:0}.sale-new-overlay{padding:16px;overflow:hidden}.sale-new-modal.modal{border-radius:16px;width:min(1120px,100vw - 32px);max-width:1120px;max-height:calc(100vh - 32px);overflow:hidden;box-shadow:0 18px 48px #0f172a38}.sale-new-modal .modal-header{padding:14px 20px}.sale-new-modal .modal-body.sale-new-body{gap:10px;padding:16px 20px 12px;overflow:hidden}.sale-new-modal .modal-footer{padding:12px 20px}.sale-new-grid{grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);align-items:stretch;min-height:0;display:grid}.sale-new-pane{flex-direction:column;gap:8px;min-width:0;display:flex}.sale-new-pane-left{border-right:1px solid var(--border);padding-right:20px}.sale-new-pane-right{padding-left:20px}.sale-new-modal .sale-form-section{margin:0 0 2px}.sale-new-modal .field{margin-bottom:0}.sale-new-modal .field-label{margin-bottom:4px;font-size:12px}.sale-new-modal .field-input{padding:8px 10px;font-size:13px}.sale-new-textarea{resize:none;min-height:64px;max-height:72px;font-family:inherit;line-height:1.4}.sale-new-footer{justify-content:space-between}.sale-new-error{margin:0}.sale-new-modal .sale-controller-info{margin:0;padding:8px 10px}.sale-product-summary{background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;margin-top:2px;padding:8px 10px}.sale-product-summary p{color:var(--text-muted);justify-content:space-between;gap:12px;margin:0 0 4px;font-size:12px;display:flex}.sale-product-summary p:last-child{margin-bottom:0}.sale-product-summary strong{color:var(--text);text-align:right;word-break:break-word;font-weight:600}.sale-review-list{flex-direction:column;gap:10px;margin:0;display:flex}.sale-review-list>div{flex-direction:column;gap:2px;display:flex}.sale-review-list dt{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.sale-review-list dd{color:var(--text);word-break:break-word;margin:0;font-size:13px;font-weight:600}.sale-review-note{color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:1.4}.sale-history-table-wrap{width:100%;overflow-x:hidden}.sale-history-table{table-layout:auto;width:100%;min-width:0}.sale-history-table.alert-table th,.sale-history-table.alert-table td,.sale-history-table.alert-table th:nth-child(n),.sale-history-table.alert-table td:nth-child(n){white-space:normal;vertical-align:middle;width:auto;min-width:0;max-width:none}.sale-history-table th:nth-child(3),.sale-history-table td:nth-child(3),.sale-history-table th:nth-child(6),.sale-history-table td:nth-child(6){white-space:nowrap}.sale-history-table th:nth-child(4),.sale-history-table td:nth-child(4){text-align:center;white-space:nowrap;width:64px}.sale-history-table th:nth-child(7),.sale-history-table td:nth-child(7),.sale-history-table .sale-action-cell{white-space:nowrap;width:1%}.sale-row-actions{flex-wrap:nowrap;align-items:center;gap:8px;display:inline-flex}.sale-row-actions .edit-button,.sale-row-actions .remove-button,.sale-row-actions .sale-view-more-button{box-sizing:border-box;white-space:nowrap;flex:none;justify-content:center;align-items:center;min-width:64px;height:32px;min-height:32px;padding:0 12px;font-size:13px;display:inline-flex}.sale-view-more-modal.modal{z-index:1;flex-direction:column;width:min(980px,100vw - 48px);max-width:980px;height:auto;max-height:min(85vh,760px);display:flex;position:relative;overflow:hidden}.modal-overlay:has(.sale-view-more-modal){z-index:200;justify-content:center;align-items:center}.app-shell-body:has([data-testid=sale-view-more-overlay]){z-index:3}.app-shell-body:has(.home-dash-overlay){z-index:3}.sale-view-more-modal .modal-header{padding:14px 24px}.sale-view-more-modal .modal-footer{padding:12px 24px}.sale-view-more-modal .modal-body{flex:0 auto;gap:0;max-height:none;padding:16px 24px;overflow:clip}.sale-view-more-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 32px;min-width:0;margin:0;display:grid}.sale-view-more-list>div{border-bottom:none;flex-direction:column;gap:2px;min-width:0;padding-bottom:0;display:flex}.sale-view-more-list>div.sale-view-more-span{grid-column:1/-1}.sale-view-more-list dt{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.sale-view-more-list dd{color:var(--text);overflow-wrap:anywhere;word-break:break-word;min-width:0;margin:0;font-size:14px;font-weight:600}@media (width<=900px){.sale-history-table-wrap{overflow-x:hidden}.sale-history-table thead{display:none}.sale-history-table,.sale-history-table tbody,.sale-history-table tr,.sale-history-table th,.sale-history-table td{box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:block}.sale-history-table tbody{flex-direction:column;gap:12px;display:flex}.sale-history-table tr{border:1px solid var(--border);background:var(--bg-card);border-radius:8px;padding:4px 0}.sale-history-table.alert-table th,.sale-history-table.alert-table td,.sale-history-table.alert-table th:nth-child(n),.sale-history-table.alert-table td:nth-child(n),.sale-history-table .sale-action-cell{text-align:left;white-space:normal;border-bottom:none;width:100%;min-width:0;max-width:none;padding:8px 12px}.sale-history-table td:before{content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.sale-row-actions{flex-flow:column wrap;align-items:stretch;width:100%}.sale-row-actions .edit-button,.sale-row-actions .remove-button,.sale-row-actions .sale-view-more-button{width:100%;height:40px;min-height:40px}.sale-view-more-modal.modal{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100vh - 16px)}.sale-view-more-list{grid-template-columns:minmax(0,1fr);row-gap:10px}.sale-view-more-modal .modal-body{flex:auto;min-height:0;overflow:hidden auto}.sale-new-modal.modal{width:min(96vw,100vw - 16px);max-height:90vh}.sale-new-grid{grid-template-columns:1fr}.sale-new-pane-left{border-right:none;border-bottom:1px solid var(--border);padding-bottom:12px;padding-right:0}.sale-new-pane-right{padding-top:12px;padding-left:0}}.sale-form-actions{gap:10px;margin-top:18px;display:flex}.selected-logo-preview{object-fit:contain;background:var(--bg-input);border:1px dashed var(--border-strong);border-radius:12px;width:72px;height:72px;margin-bottom:12px;padding:4px;display:block}.product-main{flex:1;padding:32px 24px}.product-head{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:900px;margin:0 auto;display:flex}.product-head .home-title{margin:0}.product-list{gap:12px;width:100%;max-width:900px;margin:0 auto;display:grid}.product-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card-subtle);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.product-card-name{color:var(--text);font-size:15px;font-weight:600}.product-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.delete-button{color:#b42318;background:var(--bg-card);border:1px solid var(--border-strong);cursor:pointer;border-radius:8px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s,background .15s}.delete-button:hover{background:#fef3f2;border-color:#b42318}[data-theme=dark] .delete-button:hover{background:#3a1d1a}.product-card-sub{color:var(--text-muted);margin-top:2px;font-size:13px}.modal-overlay{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);box-sizing:border-box;border-radius:20px;flex-direction:column;width:100%;max-width:1000px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #0003}.modal.ready-product-modal{width:min(520px,100vw - 32px);max-width:min(520px,100vw - 32px);max-height:calc(100vh - 32px)}.modal.ready-product-modal:has(.ready-create-form.is-gateway){width:min(1050px,100vw - 32px);max-width:min(1050px,100vw - 32px);max-height:calc(100vh - 32px)}@media (width<=1024px){.modal{max-width:95%}}.modal>form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--text);margin:0;font-size:18px;font-weight:700}.modal-close{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:24px;line-height:1;transition:background .15s,color .15s;display:flex}.modal-close:hover{background:var(--bg-soft);color:var(--text)}.modal-body{flex-direction:column;flex:1;gap:18px;min-height:0;padding:24px;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.secondary-button{color:var(--text);background:var(--bg-card);border:1px solid var(--border-strong);cursor:pointer;border-radius:8px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s,background .15s}.secondary-button:hover{border-color:var(--accent);background:var(--bg-soft)}.add-material-button{color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.add-material-button:hover{background:var(--bg-soft)}.bom-material-select-field{min-width:0}.bom-material-select-panel{z-index:20;background:var(--bg-card);border:1px solid var(--border-strong);max-height:280px;box-shadow:var(--shadow-card);border-radius:8px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.bom-material-select-option{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;display:flex}.bom-material-select-option:last-child{border-bottom:0}.bom-material-select-option.is-active,.bom-material-select-option:hover{background:var(--bg-soft)}.bom-material-select-option-main{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.bom-material-select-option-meta{color:var(--text-muted);font-size:12px}.bom-material-select-status,.bom-material-select-empty{color:var(--text-muted);padding:10px 12px;font-size:13px}.bom-material-select-error{color:var(--danger)}.bom-material-select-new{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.bom-material-select-new-copy{color:var(--text-muted);margin:0;font-size:13px;line-height:1.4}.bom-material-create-button{align-self:flex-start}.bom-material-status-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.bom-material-status-badge.is-existing{color:var(--secondary);background:color-mix(in srgb, var(--secondary) 12%, var(--bg-card))}.bom-material-status-badge.is-new{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--bg-card))}.bom-material-selected-summary{color:var(--text-muted);align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.bom-material-select-hint{color:var(--text-muted);align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.bom-add-material-copy,.bom-add-material-confirm-message{color:var(--text-muted);margin:0 0 12px;font-size:13px;line-height:1.45}.bom-material-confirm-card{border:1px solid var(--border);background:var(--bg-soft);border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.bom-add-to-product-button{min-width:120px}.bom-section{flex-direction:column;gap:14px;display:flex}.bom-title{color:var(--text);margin:0;font-size:14px;font-weight:700}.bom-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.bulk-import-overlay{z-index:80}.bulk-import-modal{max-width:960px}.bulk-import-body{gap:16px}.bulk-import-copy{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.bulk-import-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bulk-import-file-label{cursor:pointer;justify-content:center;align-items:center;margin:0;display:inline-flex}.bulk-import-file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bulk-import-filename{margin:0}.bulk-import-preview{flex-direction:column;gap:12px;min-width:0;display:flex}.bulk-import-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.bulk-import-errors{background:var(--danger-bg);border:1px solid color-mix(in srgb, var(--danger) 28%, var(--border));color:var(--danger);border-radius:12px;margin:0;padding:12px 14px 12px 32px;font-size:13px;line-height:1.45}.bulk-import-table-wrap{border:1px solid var(--border);border-radius:12px;max-height:min(36vh,320px);overflow:auto}.bulk-import-table{min-width:720px}.bulk-import-table tbody tr.is-invalid td{background:var(--danger-bg)}@media (width<=768px){.bulk-import-stats{grid-template-columns:1fr}.bulk-import-actions{flex-direction:column;align-items:stretch}.bulk-import-actions .save-button,.bulk-import-actions .secondary-button,.bulk-import-file-label{box-sizing:border-box;width:100%}.bom-section-header{align-items:stretch}.bom-section-header .secondary-button{width:100%}}.bom-form-row{align-items:flex-end;gap:12px;width:100%;display:flex}.bom-form-row>.bom-field:first-child{flex:30}.bom-form-row>.bom-field:nth-child(2){flex:18}.bom-form-row>.bom-field:nth-child(3){flex:32}.bom-entry-actions{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}.bom-entry-actions .add-material-button,.import-bulk-materials-button{min-width:180px;min-height:var(--control-height);white-space:nowrap}.import-bulk-materials-button{color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.import-bulk-materials-button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}@media (width<=768px){.bom-form-row{flex-direction:column;align-items:stretch;gap:16px}.bom-form-row>.bom-field:first-child,.bom-form-row>.bom-field:nth-child(2),.bom-form-row>.bom-field:nth-child(3){flex:auto;width:100%}.bom-entry-actions .add-material-button,.import-bulk-materials-button{width:100%;min-width:0}}.bom-field{margin-bottom:0}.bom-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:14px}.bom-table th,.bom-table td{text-align:left;border-bottom:1px solid var(--border);box-sizing:border-box;padding:10px 12px}.bom-table thead th{color:var(--text-muted);background:var(--bg-input);font-size:13px;font-weight:600}.bom-table tbody tr:last-child td{border-bottom:none}.bom-table th:first-child,.bom-table td:first-child{width:60px}.bom-table th:nth-child(2),.bom-table td:nth-child(2){word-wrap:break-word;word-break:break-all;overflow-wrap:anywhere;white-space:normal;min-width:180px;max-width:320px}.bom-table th:nth-child(3),.bom-table td:nth-child(3){word-wrap:break-word;word-break:break-word;white-space:normal;min-width:200px}.bom-table th:nth-child(4),.bom-table td:nth-child(4){text-align:right;width:110px}.bom-table th:nth-child(5),.bom-table td:nth-child(5){text-align:center;width:160px;min-width:140px}.bom-ref-cell,.bom-material-cell{overflow-wrap:anywhere;word-break:break-word;white-space:normal;max-width:100%;display:block}.bom-row-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.bom-row-actions .edit-button,.bom-row-actions .remove-button,.bom-row-actions .bom-cancel-row-button{white-space:nowrap;min-height:28px;padding:4px 10px;font-size:12px}.bom-row-actions .bom-cancel-row-button{width:auto;min-width:0;margin:0}.bom-inline-input{box-sizing:border-box;width:100%;min-width:0;min-height:34px}.bom-inline-qty{max-width:96px;margin-left:auto;display:block}.bom-table tbody tr.bom-row-editing td{vertical-align:middle;background:color-mix(in srgb, var(--accent) 6%, var(--bg))}@media (width<=768px){.bom-table th:nth-child(5),.bom-table td:nth-child(5){width:auto;min-width:120px}.bom-inline-qty{max-width:none;margin-left:0}.bom-row-actions{flex-direction:column;align-items:stretch}.bom-row-actions .edit-button,.bom-row-actions .remove-button,.bom-row-actions .bom-cancel-row-button{width:100%}}.remove-button{color:#b42318;border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .15s,background .15s}.remove-button:hover{background:#fef3f2;border-color:#b42318}.remove-button:disabled,.bom-row-actions .edit-button:disabled{opacity:.45;cursor:not-allowed}[data-theme=dark] .remove-button:hover{background:#3a1d1a}@media (width<=560px){.bom-form-row{flex-direction:column;align-items:stretch}.bom-entry-actions .add-material-button,.import-bulk-materials-button{align-self:stretch;width:100%}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}.settings-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-color-box{align-items:center;gap:10px;display:flex}.settings-color-input{border:1px solid var(--border-strong);background:var(--bg-input);cursor:pointer;border-radius:8px;width:44px;height:44px;padding:0}.settings-color-input::-webkit-color-swatch-wrapper{padding:4px}.settings-color-input::-webkit-color-swatch{border:none;border-radius:6px}.settings-color-value{color:var(--text-muted);font-size:14px}.logo-preview{background:var(--bg-input);border:1px dashed var(--border-strong);border-radius:12px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:12px;display:flex}.logo-preview img{object-fit:contain;max-width:100%;max-height:100%}.choose-logo-button{color:var(--text);background:var(--bg-card);border:1px solid var(--border-strong);cursor:pointer;border-radius:8px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s,background .15s}.choose-logo-button:hover{border-color:var(--accent);background:var(--bg-soft)}.settings-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.save-button{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:8px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.save-button:hover{background:var(--accent-hover)}.save-button:disabled{background:var(--accent-disabled);cursor:not-allowed}.settings-message{border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:13px}.settings-message-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca}[data-theme=dark] .settings-message-error{color:#fda29b;background:#3a1d1a;border-color:#5c2b28}.settings-message-success{color:#188a5f;background:#ecfdf3;border:1px solid #abefc6}[data-theme=dark] .settings-message-success{color:#6ce9a9;background:#0f2e22;border-color:#1f6b48}@media (width<=1199px) and (width>=768px){.settings-theme-row{gap:8px}}@media (width<=767px){.settings-viewport-page.settings-page.dashboard-viewport-page,.app-shell-body>.settings-viewport-page{flex:1 0 auto;height:auto;min-height:100%;max-height:none;padding:0;overflow:visible}.settings-viewport-page .settings-main{height:auto;padding:16px 0;overflow:visible}.settings-viewport-page .settings-grid{grid-template:none/minmax(0,1fr);align-items:stretch;gap:16px;height:auto;overflow:visible}.settings-viewport-page .settings-grid>.settings-panel{grid-area:auto;height:auto}.settings-page .settings-panel{height:auto;padding:14px;overflow:visible}.settings-viewport-page .settings-panel-quick{grid-column:auto}.settings-appearance-row,.settings-profile-grid{grid-template-columns:1fr}.settings-db-actions{flex-wrap:wrap}.settings-page .save-button,.settings-page .choose-logo-button,.settings-page .secondary-button,.settings-quick-action{height:auto;min-height:40px;max-height:none}}.home-container .capacity-card{height:auto;min-height:0}.capacity-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);box-sizing:border-box;border-radius:14px;flex-direction:column;min-width:0;height:auto;min-height:0;padding:10px 12px;display:flex}.capacity-title{color:var(--text-primary,var(--text));margin:0 0 6px;font-size:13px;font-weight:700}.capacity-subtitle{color:var(--text-muted);margin:2px 0 8px;font-size:12px}.capacity-list{flex-direction:column;flex:none;gap:4px;min-height:0;padding-right:0;display:flex;overflow:visible}.capacity-item{background:color-mix(in srgb, var(--accent,#820d7e) 10%, var(--surface-tint,#fff));border:1px solid color-mix(in srgb, var(--accent,#820d7e) 12%, var(--border));box-sizing:border-box;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:0;padding:6px 10px;display:flex}.capacity-product-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.capacity-product-name{color:var(--text);word-break:break-word;overflow-wrap:anywhere;font-size:12px;font-weight:600}.capacity-basis{color:var(--text-muted);word-break:break-word;font-size:11px;font-weight:500}.capacity-qty-badge-group{flex-shrink:0;align-items:center;gap:8px;display:flex}.capacity-qty{color:var(--text);white-space:nowrap;font-size:12px;font-weight:700}@media (width<=1366px){.capacity-card{padding:8px 10px}.capacity-item{min-height:0;padding:5px 8px}}@media (width<=1199px){.home-container{flex:none;gap:10px;min-height:0}.capacity-card{width:100%;height:auto}}.product-dashboard-container{width:100%;max-width:1400px;margin:0 auto;padding:0 8px}.product-title-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.product-title-group h1{color:var(--text);margin:0;font-size:24px;font-weight:700}.product-title-group p{color:var(--text-muted);margin:4px 0 0;font-size:14px}.product-summary-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.product-summary-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card-subtle);border-radius:12px;flex-direction:column;gap:4px;padding:16px 20px;display:flex}.product-summary-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:12px;font-weight:600}.product-summary-value{color:var(--text);font-size:24px;font-weight:700}.product-search-row{margin-bottom:20px}.pbm-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pbm-toolbar .header-search-container{flex:1;min-width:240px}.pbm-toolbar .export-button{flex-shrink:0;height:36px;padding:0 14px}.product-search-input{background:var(--bg-input);border:1px solid var(--border-strong);width:100%;max-width:400px;color:var(--text);border-radius:8px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.product-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-focus-ring);outline:none}.product-card-redesigned{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card-subtle);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;transition:transform .2s,box-shadow .2s;display:flex}.product-card-redesigned:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.product-card-left{align-items:center;gap:16px;min-width:0;display:flex}.product-card-icon-box{background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.product-card-icon{width:20px;height:20px;color:var(--accent)}.product-card-details{flex-direction:column;gap:2px;min-width:0;display:flex}.product-card-title-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.product-card-title-group strong{color:var(--text);word-break:break-word;font-size:16px;font-weight:700}.product-card-badge{color:var(--accent);background:var(--bg-soft);border:1px solid var(--accent-focus-ring);white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.product-card-description{color:var(--text-muted);font-size:13px}@media (width<=900px){.product-summary-row{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.product-summary-row{grid-template-columns:1fr;gap:12px}.product-title-row{flex-direction:column;align-items:stretch;gap:14px}.product-search-input{max-width:100%}.product-card-redesigned{flex-direction:column;align-items:stretch;gap:14px;padding:16px}.product-card-actions{justify-content:flex-end}}.header-search-container{background:var(--bg-input);border:1px solid var(--border-strong);box-sizing:border-box;border-radius:8px;align-items:center;width:260px;height:36px;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.header-search-container:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-focus-ring)}.search-icon{color:var(--text-muted);flex-shrink:0}.header-search-input{color:var(--text);background:0 0;border:none;outline:none;width:100%;margin-left:8px;font-family:inherit;font-size:13px}.header-search-input::placeholder{color:var(--text-muted)}.header-search-input:disabled{cursor:not-allowed;opacity:.6}.search-clear-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:4px;padding:0;font-size:16px;display:flex}.search-clear-button:hover{color:var(--text)}.pbm-summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;margin-top:20px;margin-bottom:24px;display:grid}.pbm-summary-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card-subtle);border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:12px 16px;display:flex}.pbm-summary-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:600}.pbm-summary-value{color:var(--text);word-break:break-word;font-size:15px;font-weight:700}.viewport-locked-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.viewport-locked-main{padding:var(--app-pad-y,24px) 0;box-sizing:border-box;width:min(calc(100% - 2 * var(--app-pad-x,32px)), var(--content-max,1680px));flex-direction:column;flex:1;max-width:none;margin-inline:auto;display:flex;overflow:hidden}.viewport-locked-panel{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);box-sizing:border-box;border-radius:14px;flex-direction:column;flex:1;min-height:0;padding:24px;display:flex;overflow:hidden}.bom-table-container{border:1px solid var(--border);background:var(--bg-card);border-radius:8px;flex:1;min-height:0;margin-top:16px;overflow:auto}.bom-table-container th{z-index:10;background:var(--bg-card);box-shadow:inset 0 -1px 0 var(--border);position:sticky;top:0!important}.pbm-material-table{table-layout:fixed;width:100%}.pbm-material-table th:first-child,.pbm-material-table td.pbm-cell-serial{text-align:left;width:6%}.pbm-material-table th:nth-child(2),.pbm-material-table td.pbm-cell-reference{text-align:left;word-break:break-word;overflow-wrap:anywhere;width:30%}.pbm-material-table th:nth-child(3),.pbm-material-table td.pbm-cell-material{text-align:left;word-break:break-word;width:24%}.pbm-material-table th:nth-child(4),.pbm-material-table td.pbm-cell-required,.pbm-material-table th:nth-child(5),.pbm-material-table td.pbm-cell-stock,.pbm-material-table th:nth-child(6),.pbm-material-table td.pbm-cell-alert{text-align:right}.pbm-material-table th:nth-child(4),.pbm-material-table td.pbm-cell-required{width:12%}.pbm-material-table th:nth-child(5),.pbm-material-table td.pbm-cell-stock,.pbm-material-table th:nth-child(6),.pbm-material-table td.pbm-cell-alert{width:10%}.pbm-material-table th:nth-child(7),.pbm-material-table td.pbm-cell-status{text-align:center;width:8%}@media (width>=769px){.pbm-table-container{margin-top:16px}}@media (width<=900px){.pbm-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.viewport-locked-page{height:auto;overflow:visible}.viewport-locked-main{height:auto;padding:16px 0;overflow:visible}.viewport-locked-panel{height:auto;padding:16px;overflow:visible}.bom-table-container{height:auto;overflow:auto visible}.pbm-summary-grid{grid-template-columns:1fr;gap:10px}.pbm-toolbar .header-search-container{width:100%;min-width:0}}.dashboard-viewport-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.dashboard-viewport-main{padding:var(--app-pad-y,24px) 0;box-sizing:border-box;width:min(calc(100% - 2 * var(--app-pad-x,32px)), var(--content-max,1680px));flex-direction:column;flex:1;max-width:none;margin-inline:auto;display:flex;overflow:hidden}.dashboard-viewport-header-row{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.dashboard-viewport-title-group h1{color:var(--text);margin:0;font-size:24px;font-weight:700}.dashboard-viewport-controls{align-items:center;gap:12px;display:flex}.dashboard-viewport-panel{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);box-sizing:border-box;border-radius:14px;flex-direction:column;flex:1;min-height:0;padding:20px;display:flex;overflow:hidden}.dashboard-table-container{border:1px solid var(--border);background:var(--bg-card);border-radius:8px;flex:1;min-height:0;overflow:auto}.dashboard-table-container th{z-index:10;background:var(--bg-card);box-shadow:inset 0 -1px 0 var(--border);position:sticky;top:0!important}@media (width<=768px){.dashboard-viewport-page{height:auto;overflow:visible}.dashboard-viewport-main{height:auto;padding:16px 0;overflow:visible}.dashboard-viewport-header-row{flex-direction:column;align-items:stretch;gap:12px}.dashboard-viewport-controls{flex-direction:column;align-items:stretch}.dashboard-viewport-panel{height:auto;padding:16px;overflow:visible}.dashboard-table-container{height:auto;overflow:auto visible}}.debugging-page-subtitle.home-dashboard-subtitle{margin:6px 0 0}.debugging-main{min-height:0;overflow:hidden}.debugging-layout{flex:1;grid-template-columns:minmax(260px,32%) minmax(0,1fr);align-items:stretch;gap:20px;width:100%;min-height:0;display:grid}.debugging-page:not(.alert-stock-page) .debugging-layout,.debugging-layout.debugging-layout-log{flex-direction:column;grid-template-columns:none;gap:16px;display:flex}.debugging-form-card,.debugging-log-card{background:var(--bg-card);border:1px solid var(--border);min-width:0;min-height:0;box-shadow:var(--shadow-card);box-sizing:border-box;border-radius:14px;flex-direction:column;padding:20px;display:flex;overflow:hidden}.debugging-form-card .stock-panel-title,.debugging-log-card .stock-panel-title{flex-shrink:0}.debugging-log-heading{flex-wrap:wrap;flex-shrink:0;align-items:center;margin-bottom:12px}.debugging-log-heading .stock-panel-title{margin:0}.debugging-form{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.debugging-form-scroll{scrollbar-width:thin;scrollbar-color:var(--scrollbar-color) var(--scrollbar-track);flex:1;min-height:0;overflow:hidden auto}.debugging-form-scroll::-webkit-scrollbar{width:8px}.debugging-form-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:999px}.debugging-form-scroll::-webkit-scrollbar-track{background:var(--scrollbar-track)}.debugging-submit{flex-shrink:0}.debugging-log-toolbar{flex-shrink:0;margin-bottom:12px}.debugging-log-table{border:1px solid var(--border);background:var(--bg-card);scrollbar-width:thin;scrollbar-color:var(--scrollbar-color) var(--scrollbar-track);border-radius:8px;flex:1;min-height:0;overflow:auto}.debugging-page:not(.alert-stock-page) .debugging-log-table{width:100%;max-width:100%;overflow:hidden auto}.debugging-log-table::-webkit-scrollbar{width:8px;height:8px}.debugging-log-table::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:999px}.debugging-log-table::-webkit-scrollbar-track{background:var(--scrollbar-track)}.debugging-table{width:100%;min-width:880px;margin:0}.debugging-page:not(.alert-stock-page) .debugging-table{table-layout:fixed;width:100%;min-width:0}.debugging-page:not(.alert-stock-page) .debugging-table.alert-table th,.debugging-page:not(.alert-stock-page) .debugging-table.alert-table td{vertical-align:top;overflow-wrap:anywhere;word-break:break-word;white-space:normal;width:auto;min-width:0;max-width:none}.debugging-page:not(.alert-stock-page) .debug-col-datetime{width:16%}.debugging-page:not(.alert-stock-page) .debug-col-product{text-align:left;width:20%}.debugging-page:not(.alert-stock-page) .debug-col-material{text-align:left;width:22%}.debugging-page:not(.alert-stock-page) .debug-col-qty,.debugging-page:not(.alert-stock-page) .debug-col-remaining{text-align:right;white-space:nowrap;overflow-wrap:normal;word-break:normal;width:12%}.debugging-page:not(.alert-stock-page) .debug-col-reason{text-align:left;width:18%}@media (width>=769px){.debugging-page:not(.alert-stock-page) .debugging-mobile-muted-label{display:none}}.debugging-log-table th{z-index:2;background:var(--bg-card);box-shadow:inset 0 -1px 0 var(--border);position:sticky;top:0}.debugging-empty{margin:16px}.modal.debugging-log-modal{flex-direction:column;width:min(720px,100vw - 32px);max-width:calc(100vw - 32px);max-height:min(90dvh,100dvh - 32px);display:flex}.modal.debugging-log-modal>form{flex-direction:column;flex:auto;min-height:0;display:flex}.modal.debugging-log-modal .modal-body{min-height:0;overflow-y:auto}.debugging-modal-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px;display:grid}.debugging-modal-form .field{min-width:0;margin-bottom:0}.debugging-modal-field-span{grid-column:1/-1}.debugging-current-stock-input{background:var(--bg-soft);color:var(--text-muted);cursor:default}.modal.debugging-log-modal .textarea-input{resize:vertical;min-height:72px;max-height:min(160px,22vh)}.modal.debugging-log-modal .modal-footer{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.modal.debugging-log-modal .modal-footer .save-button,.modal.debugging-log-modal .modal-footer .secondary-button{min-width:120px}@media (width<=640px){.debugging-modal-form{grid-template-columns:minmax(0,1fr)}}.alert-log-subtitle{flex-shrink:0;margin:0 0 12px}.alert-search-input{flex:180px;min-width:160px;max-width:280px}.alert-stock-page{min-width:0;max-width:100%;overflow-x:hidden}.alert-stock-page .dashboard-viewport-main{box-sizing:border-box;min-width:0;max-width:100%}.alert-stock-table-card{box-sizing:border-box;flex-direction:column;flex:auto;gap:12px;width:100%;min-width:0;max-width:100%;min-height:0;display:flex}.alert-stock-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;min-width:0;display:grid}.alert-stock-summary-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card-subtle,0 1px 2px #0f172a0f);border-radius:16px;min-width:0;padding:14px 16px}.alert-stock-summary-card span{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700;display:block}.alert-stock-summary-card strong{letter-spacing:-.03em;color:var(--text-primary,var(--text));margin-top:8px;font-size:clamp(20px,2vw,26px);font-weight:800;display:block}.alert-stock-toolbar.log-toolbar{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.alert-stock-page .alert-stock-toolbar .alert-search-input,.alert-stock-page .alert-stock-toolbar .log-filter{box-sizing:border-box;flex:140px;min-width:0;max-width:100%}.alert-stock-page .alert-log-table{-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;overflow:auto}.alert-stock-page .alert-log-table .debugging-table{table-layout:fixed;width:100%;min-width:880px}.alert-stock-page .alert-log-table th,.alert-stock-page .alert-log-table td{vertical-align:middle;min-width:0;max-width:none}.alert-stock-page .alert-log-table thead th,.alert-stock-page .alert-log-table thead{z-index:2;position:sticky;top:0}.alert-stock-page .alert-log-table .alert-col-datetime{text-align:left;white-space:nowrap;width:18%}.alert-stock-page .alert-log-table .alert-col-material{text-align:left;word-wrap:break-word;overflow-wrap:anywhere;word-break:break-word;white-space:normal;width:35%}.alert-stock-page .alert-log-table .alert-col-qty,.alert-stock-page .alert-log-table .alert-col-stock,.alert-stock-page .alert-log-table .alert-col-threshold{text-align:right;white-space:nowrap}.alert-stock-page .alert-log-table .alert-col-qty{width:12%}.alert-stock-page .alert-log-table .alert-col-stock{width:13%}.alert-stock-page .alert-log-table .alert-col-threshold{width:10%}.alert-stock-page .alert-log-table .alert-col-status{text-align:center;white-space:nowrap;width:12%}.alert-stock-page .alert-log-table .alert-col-status .status-badge{white-space:nowrap}@media (width>=1200px){.alert-stock-page .alert-log-table .debugging-table{min-width:880px}}@media (width<=1199px) and (width>=901px){.alert-stock-page .alert-log-table .alert-col-datetime{white-space:normal}}.modal.alert-threshold-modal{flex-direction:column;width:min(520px,100vw - 32px);max-height:min(90vh,720px);display:flex}.modal.alert-threshold-modal>form{flex-direction:column;flex:auto;min-height:0;display:flex}.modal.alert-threshold-modal .modal-body{min-height:0;overflow-y:auto}.alert-threshold-form{flex-direction:column;gap:14px;display:flex}.modal.alert-threshold-modal .modal-footer{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.modal.alert-threshold-modal .modal-footer .save-button,.modal.alert-threshold-modal .modal-footer .secondary-button{min-width:120px}@media (width<=900px){.app-shell-body>.alert-stock-page.dashboard-viewport-page,.alert-stock-page.dashboard-viewport-page{height:auto;min-height:100%;overflow:hidden auto}.alert-stock-page .dashboard-viewport-main{max-height:none;padding:16px 0;height:auto!important;overflow:visible!important}.alert-stock-table-card{width:100%;max-width:100%;height:auto;min-height:0;overflow:visible}.alert-stock-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.alert-stock-summary-card{border-radius:14px;padding:12px 14px}.alert-stock-page .alert-stock-toolbar.log-toolbar{flex-direction:column;align-items:stretch}.alert-stock-page .alert-stock-toolbar .alert-search-input,.alert-stock-page .alert-stock-toolbar .log-filter{flex:none;width:100%;min-width:0;max-width:none}.alert-stock-page .alert-log-table{flex:none;height:auto;min-height:0;max-height:none;overflow:hidden visible}.alert-stock-page .alert-log-table .debugging-table{table-layout:auto;width:100%;min-width:0;max-width:100%;display:block}.alert-stock-page .alert-log-table thead{display:none}.alert-stock-page .alert-log-table .debugging-table tbody{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.alert-stock-page .alert-log-table .debugging-table tr.alert-stock-mobile-card{border:1px solid var(--border);background:var(--bg-card);box-sizing:border-box;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,auto);grid-template-areas:"alert-date alert-date alert-status""alert-material alert-material alert-material""alert-required alert-stock alert-threshold";gap:6px 10px;width:100%;min-width:0;max-width:100%;padding:12px 14px;display:grid}.alert-stock-page .alert-log-table .debugging-table tr.alert-stock-mobile-card td{white-space:normal;border-bottom:none;width:auto;min-width:0;max-width:100%;padding:0;display:block}.alert-stock-page .alert-log-table .debugging-table td:before{content:none;display:none}.alert-stock-page .alert-log-table .debugging-table td.alert-mobile-cell-required:before,.alert-stock-page .alert-log-table .debugging-table td.alert-mobile-cell-stock:before,.alert-stock-page .alert-log-table .debugging-table td.alert-mobile-cell-threshold:before{content:attr(data-label);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;font-size:10px;font-weight:700;display:block}.alert-stock-page .alert-log-table .alert-mobile-cell-date{color:var(--text-muted);word-break:break-word;grid-area:alert-date;font-size:12px;line-height:1.35}.alert-stock-page .alert-log-table .alert-mobile-cell-material{color:var(--text-primary,var(--text));word-break:break-word;grid-area:alert-material;font-size:15px;font-weight:700}.alert-stock-page .alert-log-table .alert-mobile-cell-status{grid-area:alert-status;place-self:start end}.alert-stock-page .alert-log-table .alert-mobile-cell-required{grid-area:alert-required}.alert-stock-page .alert-log-table .alert-mobile-cell-stock{grid-area:alert-stock}.alert-stock-page .alert-log-table .alert-mobile-cell-threshold{grid-area:alert-threshold}}.stock-search-option-thumb{flex:none;margin-top:2px}.material-image-section{flex-direction:column;gap:8px;display:flex}.material-image-section-body{flex-direction:column;gap:10px;display:flex}.material-image-preview-wrap{border:1px dashed var(--border-strong);background:var(--bg-soft);border-radius:10px;justify-content:center;align-items:center;min-height:120px;padding:12px;display:flex}.material-image-preview-wrap.has-image{border-style:solid}.material-image-preview{object-fit:contain;border-radius:8px;max-width:100%;max-height:200px;display:block}.material-image-empty-copy,.material-image-empty-label{color:var(--text-muted);text-align:center;margin:0;font-size:13px}.material-image-actions{flex-wrap:wrap;gap:8px;display:flex}.material-image-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.material-image-hint{color:var(--text-muted);margin:0;font-size:12px}.material-image-thumb{border:1px solid var(--border);background:var(--bg-soft);cursor:default;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex;overflow:hidden}.material-image-thumb.size-sm{width:40px;height:40px}.material-image-thumb.size-md{width:64px;height:64px}.material-image-thumb.size-lg{width:120px;height:120px}.material-image-thumb.is-empty.size-sm,.material-image-thumb.is-empty.size-md,.material-image-thumb.is-empty.size-lg{cursor:default}.material-image-thumb:not(.is-empty){cursor:zoom-in}.material-image-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.material-image-thumb-placeholder{color:var(--text-muted);text-align:center;padding:4px;font-size:9px;line-height:1.2}.bom-material-select-option-title{align-items:center;gap:8px;min-width:0;display:flex}.bom-material-selected-summary{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stock-selected-image-block{border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:10px;padding-bottom:10px;display:flex}.stock-manage-image-button{align-self:flex-start;margin-top:2px;font-size:13px}.material-image-manage-modal{width:min(520px,100vw - 32px)}.material-image-preview-overlay{z-index:160}.material-image-preview-dialog{background:var(--bg-card);max-width:min(90vw,720px);max-height:min(90vh,720px);box-shadow:var(--shadow-card);border-radius:12px;padding:12px;position:relative}.material-image-preview-img{object-fit:contain;max-width:100%;max-height:calc(90vh - 48px);margin:0 auto;display:block}.material-image-preview-close{z-index:1;position:absolute;top:8px;right:8px}.alert-selected-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;gap:8px;margin:0 0 12px;padding:12px 14px;display:grid}.alert-selected-card h3{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:11px;font-weight:700}.alert-selected-row{color:var(--text-muted);justify-content:space-between;align-items:flex-start;gap:12px;font-size:13px;display:flex}.alert-selected-row strong{color:var(--text);text-align:right;word-break:break-word}@media (width<=1199px){.debugging-layout:not(.debugging-layout-log){grid-template-columns:minmax(240px,34%) minmax(0,1fr);gap:16px}.debugging-form-card,.debugging-log-card{padding:16px}.debugging-page:not(.alert-stock-page) .debug-col-datetime,.debugging-page:not(.alert-stock-page) .debug-col-qty,.debugging-page:not(.alert-stock-page) .debug-col-remaining{white-space:normal}}@media (width<=768px){.debugging-page:not(.alert-stock-page).dashboard-viewport-page,.debugging-page:not(.alert-stock-page) .debugging-main.dashboard-viewport-main{height:100%;overflow:hidden}}@media (width<=767px){.debugging-page:not(.alert-stock-page).dashboard-viewport-page{height:100%;overflow:hidden}.debugging-page:not(.alert-stock-page) .debugging-main.dashboard-viewport-main{height:100%;padding:16px 0;overflow:hidden}.debugging-page-header.dashboard-viewport-header-row{flex-direction:column;align-items:stretch;margin-bottom:12px}.debugging-page .debugging-layout{flex-direction:column;grid-template-columns:none;gap:12px;display:flex}.debugging-page:not(.alert-stock-page) .debugging-log-card{flex:1 1 0;min-height:180px}.debugging-page .debugging-log-heading{flex-direction:column;align-items:stretch}.debugging-page .debugging-log-heading .export-button{width:100%}.debugging-page .debugging-log-toolbar.log-toolbar{flex-flow:wrap;flex:none;align-items:center}.debugging-page .debugging-log-toolbar .log-filter,.debugging-page .debugging-log-toolbar .export-button{width:auto;min-width:0;max-width:none;height:var(--control-height,40px);flex:140px;min-height:44px;max-height:44px}.debugging-page .debugging-log-table{min-height:0;overflow:hidden auto}.debugging-page .debugging-submit{width:auto;min-height:44px}.home-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand right""title title";row-gap:6px;height:auto;min-height:66px;padding:10px 16px}.header-brand{grid-area:brand}.header-title,.header-title-spacer{text-align:left;grid-area:title;justify-self:start;width:100%}.header-right-controls{grid-area:right}}@media (width<=640px){.header-name{font-size:16px}.header-title{font-size:14px}.header-online-badge{padding:6px 8px;font-size:11px}.header-home-button{min-width:5.75rem;padding:0 12px;font-size:13px}}.settings-viewport-page .settings-page-header.dashboard-viewport-header-row{margin:0 0 16px}.settings-viewport-page .settings-page-header .home-dashboard-subtitle{margin:6px 0 0}.settings-viewport-page h1.alert-title{font-size:20px;line-height:1.2}.settings-appearance-row .field{gap:3px}.settings-page .settings-panel-quick{gap:12px;padding:20px}.product-page.dashboard-viewport-page{height:100%;min-height:0;overflow:hidden}.product-page .product-main{box-sizing:border-box;flex-direction:column;height:100%;min-height:0;padding:16px 0;display:flex;overflow:hidden}.product-page .product-page-header{flex-shrink:0;margin:0 0 16px}.product-page .error-message{flex-shrink:0;margin:0 0 12px}.product-page .product-mgmt-layout{flex:1;grid-template-columns:minmax(0,.32fr) minmax(0,.68fr);align-content:start;align-items:stretch;gap:20px;width:100%;min-height:0;display:grid}.product-summary-panel,.product-list-panel{background:var(--bg-card);border:1px solid var(--border);min-width:0;min-height:0;box-shadow:var(--shadow-card);box-sizing:border-box;border-radius:14px;flex-direction:column;align-items:stretch;gap:14px;padding:20px;display:flex;overflow:hidden}.product-summary-panel .stock-panel-title,.product-list-panel .stock-panel-title{flex-shrink:0;margin:0}.product-summary-panel .field,.product-list-panel .field{flex-shrink:0;width:100%;margin:0}.product-stat{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.product-stat-value{color:var(--text);word-break:break-word;font-size:15px;font-weight:700}.product-actions{flex-direction:column;gap:8px;padding-top:4px;display:flex}.product-actions-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:13px;font-weight:700}.product-actions-row{grid-template-columns:minmax(0,1fr);gap:8px;width:100%;display:grid}.product-actions-row .save-button{box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:0 8px}.product-page .edit-button:disabled,.product-page .delete-button:disabled{opacity:.45;cursor:not-allowed}.product-list-panel .product-search-row{flex-shrink:0;margin:0}.product-search-box{width:100%;max-width:none;height:40px}.product-page .product-list{scrollbar-width:thin;scrollbar-color:var(--scrollbar-color) var(--scrollbar-track);flex-direction:column;flex:1;gap:12px;width:100%;max-width:none;min-height:0;margin:0;padding-right:2px;display:flex;overflow:hidden auto}.product-list-row{text-align:left;background:var(--bg-card);border:1px solid var(--border);width:100%;min-height:64px;box-shadow:var(--shadow-card-subtle);cursor:pointer;color:var(--text);box-sizing:border-box;border-radius:12px;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;font-family:inherit;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.product-list-row:hover{border-color:var(--border-strong);background:var(--bg-input)}.product-list-row.is-selected{border-color:var(--accent);background:var(--bg-soft);box-shadow:0 0 0 3px var(--accent-focus-ring)}.product-list-row-main{flex-direction:row;align-items:center;gap:12px;min-width:0;display:flex}.product-list-row-copy{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.product-list-row-name{word-break:break-word;overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:700}.product-stat-selected{align-items:center;gap:10px;min-width:0;display:flex}.product-image-field{flex-direction:column;gap:8px;margin:0 0 14px;display:flex;position:relative}.product-image-field-body{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:12px 16px;display:grid}.product-image-preview-wrap{border:1px dashed var(--border-strong);background:var(--bg-soft);box-sizing:border-box;border-radius:10px;grid-row:span 3;justify-content:center;align-items:center;width:112px;height:84px;padding:6px;display:flex;overflow:hidden}.product-image-preview-wrap.has-image{border-style:solid}.product-image-preview{object-fit:contain;max-width:100%;max-height:100%;display:block}.product-image-empty-copy,.product-image-empty-label{color:var(--text-muted);text-align:center;margin:0;padding:4px;font-size:11px;line-height:1.3}.product-image-actions{flex-wrap:wrap;gap:8px;display:flex}.product-image-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.product-image-hint{color:var(--text-muted);margin:0;font-size:12px}.product-image-thumb{border:1px solid var(--border);background:var(--bg-soft);box-sizing:border-box;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.product-image-thumb.size-sm{width:40px;height:40px}.product-image-thumb.size-md{width:72px;height:54px}.product-image-thumb.size-lg{width:112px;height:84px}.product-image-thumb-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.product-image-thumb.is-empty{padding:4px}.product-list-row-image{flex-shrink:0}.product-name-with-image{align-items:center;gap:8px;min-width:0;display:flex}.product-name-with-image-label{overflow-wrap:anywhere;word-break:break-word;min-width:0}.product-image-selected-preview{margin:0 0 12px}.product-list-row .product-card-actions{flex-shrink:0}.product-empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px 12px;display:flex}.product-empty-title{color:var(--text);margin:0;font-size:16px;font-weight:700}@media (width<=1099px) and (width>=768px){.product-page .product-mgmt-layout{grid-template-columns:minmax(0,.32fr) minmax(0,.68fr);gap:20px}.product-summary-panel,.product-list-panel{padding:16px}}@media (width<=767px){.product-page.dashboard-viewport-page,.app-shell-body>.product-page{flex:1 0 auto;height:auto;min-height:100%;overflow:visible}.product-page .product-main{height:auto;padding:16px 0;overflow:visible}.product-page .product-mgmt-layout{flex-direction:column;grid-template-columns:none;gap:20px;height:auto;display:flex}.product-actions-row{grid-template-columns:1fr}.product-list-row{flex-wrap:wrap}.product-summary-panel,.product-list-panel{height:auto;padding:16px;overflow:visible}.product-page .product-list{max-height:min(55vh,480px);overflow-y:auto}}.ready-product-table.alert-table th:first-child,.ready-product-table.alert-table td:first-child{text-align:left;width:72px;min-width:56px}.ready-product-table.alert-table th:nth-child(2),.ready-product-table.alert-table td:nth-child(2){text-align:left;min-width:140px;max-width:none}.ready-product-table.alert-table th:nth-child(3),.ready-product-table.alert-table td:nth-child(3){text-align:left;min-width:160px;max-width:none}.ready-product-table.alert-table th:nth-child(4),.ready-product-table.alert-table td:nth-child(4),.ready-product-table.alert-table th:nth-child(5),.ready-product-table.alert-table td:nth-child(5){text-align:left;white-space:nowrap;width:auto;min-width:120px}.ready-product-table.alert-table th:nth-child(6),.ready-product-table.alert-table td:nth-child(6){text-align:left;white-space:nowrap;width:auto;min-width:72px}.ready-product-table.alert-table th:nth-child(7),.ready-product-table.alert-table td:nth-child(7),.ready-product-table .ready-action-cell{text-align:left;white-space:nowrap;vertical-align:middle;width:auto;min-width:max-content;max-width:none;overflow:visible}.ready-product-cell{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.ready-product-cell .product-name-with-image,.sale-history-table .product-name-with-image,.sale-view-more-list .product-name-with-image{flex:auto;min-width:0}.ready-note-chip{color:var(--accent);background:var(--bg-soft);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.4;display:inline-flex}.ready-row-actions{flex-wrap:nowrap;align-items:center;gap:8px;min-width:max-content;display:inline-flex}.ready-row-actions .edit-button,.ready-row-actions .remove-button,.ready-row-actions .ready-note-button,.ready-row-actions .ready-sold-badge{visibility:visible;opacity:1;box-sizing:border-box;flex:none;justify-content:center;align-items:center;min-width:64px;height:32px;min-height:32px;padding:0 12px;font-size:13px;display:inline-flex}.ready-sold-badge{color:#fff;background:var(--success,#059669);border:1px solid color-mix(in srgb, var(--success,#059669) 70%, #000);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:8px;font-weight:600;line-height:1}.ready-mobile-card-sold{display:none}.ready-badge.ready-unclassified{color:#92400e;background:#fffbeb;border:1px solid #f59e0b}.ready-classify-panel{background:var(--bg-card);border:1px solid var(--border);box-sizing:border-box;border-radius:12px;align-self:stretch;width:100%;margin-bottom:16px;padding:14px 16px}.ready-classify-title{color:var(--text);margin:0 0 4px;font-size:15px;font-weight:700}.ready-classify-subtitle{color:var(--text-muted);margin:0 0 12px;font-size:13px;line-height:1.4}.ready-classify-counts{color:var(--text);flex-wrap:wrap;gap:12px 18px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.ready-classify-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ready-classify-item{border:1px solid var(--border);background:var(--bg-soft);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.ready-classify-meta{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.ready-classify-modal.modal{width:min(480px,100vw - 24px);max-width:480px}.ready-classify-hint{color:var(--text-muted);margin:12px 0;font-size:12px}.ready-classify-fieldset{border:none;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.ready-row-actions .ready-classify-button{white-space:nowrap}@media (width<=768px){.ready-classify-item{align-items:stretch}.ready-classify-item .edit-button{width:100%}}.ready-row-actions .ready-note-button-active{color:var(--accent);border-color:var(--accent);background:var(--bg-soft)}.ready-note-modal{width:min(480px,100%);max-width:480px}.ready-note-meta{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);word-break:break-word;border-radius:8px;flex-direction:column;gap:8px;padding:12px;font-size:13px;display:flex}.ready-note-modal .textarea-input{resize:vertical;box-sizing:border-box;width:100%;min-height:110px}.route-fallback{color:var(--text-muted,#64748b);padding:24px 16px;font-size:14px}.shopping-material-page{min-height:0;overflow-x:hidden}.shopping-material-main{flex-direction:column;flex:auto;gap:20px;width:min(100%,1480px);min-height:0;margin-inline:auto;display:flex}.shopping-material-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px 16px;margin-bottom:0}.shopping-material-header .dashboard-viewport-title-group{flex-direction:column;flex:14rem;justify-content:center;gap:4px;min-width:0;display:flex}.shopping-material-header .alert-title,.shopping-material-header .home-dashboard-subtitle{margin:0}.shopping-material-actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:8px 10px;width:auto;max-width:100%;margin:0 0 0 auto;display:flex}.shopping-material-actions .save-button,.shopping-material-actions .secondary-button{white-space:nowrap;justify-content:center;align-items:center;width:auto;height:36px;min-height:36px;padding:0 12px;font-size:13px;display:inline-flex}.shopping-material-actions .shopping-action-create{padding:0 14px}.shopping-material-actions .shopping-action-alert.is-active,.shopping-material-actions .shopping-action-critical.is-active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.shopping-placeholder-modal{width:min(440px,94vw)}.shopping-create-modal{width:min(520px,96vw)}.shopping-create-body{flex-direction:column;gap:12px;display:flex}.shopping-website-button-wrap{flex-direction:column;gap:8px;display:flex}.shopping-website-button{justify-content:center;width:100%;min-height:44px}.shopping-note-button,.shopping-shop-button{justify-content:center;width:100%;min-width:0;min-height:36px}.shopping-note-modal,.shopping-website-note-modal{width:min(440px,94vw)}.shopping-note-material{color:var(--text);margin:0 0 10px;font-weight:600}.shopping-website-note-meta{gap:8px;margin:0 0 12px;display:grid}.shopping-website-note-meta>div{grid-template-columns:minmax(110px,34%) minmax(0,1fr);gap:8px 12px;display:grid}.shopping-website-note-meta dt{letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:12px;font-weight:700}.shopping-website-note-meta dd{color:var(--text);word-break:break-word;margin:0;font-size:14px;font-weight:600}.shopping-shop-overlay{box-sizing:border-box;z-index:200;justify-content:center;align-items:center;width:100%;height:100%;max-height:100dvh;padding:12px;inset:0;overflow:auto}:is(.app-shell-body:has(.shopping-shop-overlay),.app-shell-body:has(.shopping-website-note-modal),.app-shell-body:has(.shopping-note-modal),.app-shell-body:has(.shopping-create-modal),.app-shell-body:has(.shopping-delete-confirm-overlay)){z-index:3}.modal-overlay.shopping-delete-confirm-overlay{z-index:260}.modal-overlay:has(.shopping-website-note-modal){z-index:260}.modal-overlay:has(.shopping-note-modal){z-index:260}.modal-overlay:has(.shopping-create-modal){z-index:260}.shopping-shop-modal.shopping-shop-workspace{flex-direction:column;width:min(1280px,90vw);max-width:calc(100vw - 24px);min-height:0;max-height:min(100dvh - 24px,100svh - 24px,100% - 16px);display:flex;overflow:hidden}.shopping-shop-modal.shopping-shop-workspace>.modal-header,.shopping-shop-modal.shopping-shop-workspace>.modal-footer{flex-shrink:0}.shopping-shop-workspace-body{flex:auto;min-height:0;padding:0;overflow:hidden}.shopping-shop-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;height:100%;min-height:0;max-height:none;display:grid}.shopping-shop-panel{background:var(--bg-card);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.shopping-shop-panel-websites{border-right:1px solid var(--border)}.shopping-shop-panel-title{color:var(--text);border-bottom:1px solid var(--border);background:var(--bg-soft);flex-shrink:0;margin:0;padding:12px 16px;font-size:15px;font-weight:700}.shopping-shop-websites-scroll{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:14px 16px;overflow:hidden auto}.shopping-shop-material-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:14px;min-height:0;padding:14px 16px 16px;display:flex;overflow:hidden auto}.shopping-shop-buttons{flex-direction:column;gap:10px;display:flex}.shopping-shop-site-row{border:1px solid var(--border);background:var(--bg-page);border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;min-width:0;padding:10px;display:grid}.shopping-shop-site-button{text-align:left;white-space:normal;overflow-wrap:anywhere;word-break:break-word;justify-content:flex-start;width:100%;min-width:0;height:auto;min-height:40px;line-height:1.3;overflow:visible}.shopping-shop-site-notes,.shopping-shop-site-open,.shopping-shop-site-delete{flex-shrink:0;justify-content:center;min-height:40px}.shopping-shop-site-open,.shopping-shop-site-delete{width:40px;padding-inline:0}.shopping-shop-site-delete{align-items:center;gap:6px;width:auto;padding-inline:10px;font-size:12px;display:inline-flex}.shopping-shop-site-delete-label{white-space:nowrap}.shopping-delete-confirm-overlay{z-index:260}.shopping-delete-confirm-name{color:var(--text);overflow-wrap:anywhere;word-break:break-word;margin:0 0 8px;font-size:16px;font-weight:700}.shopping-delete-confirm-overlay .modal-actions .delete-button{min-height:40px;padding:9px 16px}.shopping-shop-empty-state{flex-direction:column;align-items:flex-start;gap:12px;padding:8px 0;display:flex}.shopping-shop-websites-footer{border-top:1px solid var(--border);background:var(--bg-soft);flex-shrink:0;padding:12px 16px 14px}.shopping-shop-add-website{width:100%;min-height:42px}.shopping-shop-image-frame{flex-shrink:0;width:min(320px,100%);max-width:100%;margin-inline:auto}.shopping-shop-image-frame .material-image-thumb.size-lg,.shopping-shop-material-image.material-image-thumb.size-lg{width:min(100%,300px);max-width:100%;height:clamp(160px,22vh,240px);max-height:240px}.shopping-shop-image-frame .material-image-thumb-img,.shopping-shop-material-image .material-image-thumb-img{object-fit:contain}.shopping-shop-detail-list{width:100%;min-width:0}.shopping-shop-detail-list .stock-material-detail-row dd{overflow-wrap:anywhere;word-break:break-word}.shopping-shop-stock-critical{color:var(--danger,#b42318);margin-left:6px;font-size:12px;font-weight:700;display:inline-block}.shopping-shop-products{border-top:1px solid var(--border);min-width:0;padding-top:4px}.shopping-shop-products-title{color:var(--text);margin:0 0 8px;font-size:14px;font-weight:700}.shopping-shop-product-list{color:var(--text);overflow-wrap:anywhere;word-break:break-word;flex-direction:column;gap:4px;margin:0;padding-left:1.15rem;font-size:13px;line-height:1.35;display:flex}@media (width<=900px){.shopping-shop-overlay{align-items:center;padding:8px}.shopping-shop-modal.shopping-shop-workspace{width:min(96vw,1280px);max-width:calc(100vw - 16px);max-height:min(100dvh - 24px,100svh - 24px,100% - 8px);margin-block:0}.shopping-shop-modal.shopping-shop-workspace .shopping-shop-workspace-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow:hidden auto}.shopping-shop-modal.shopping-shop-workspace .shopping-shop-grid{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:0;height:auto;min-height:min-content;max-height:none;display:grid;overflow:visible}.shopping-shop-modal.shopping-shop-workspace .shopping-shop-panel,.shopping-shop-modal.shopping-shop-workspace .shopping-shop-panel-websites,.shopping-shop-modal.shopping-shop-workspace .shopping-shop-panel-material{flex:none;height:auto;min-height:auto;max-height:none;display:block;position:static;overflow:visible}.shopping-shop-panel-websites{border-bottom:0;border-right:0;padding-bottom:8px}.shopping-shop-modal.shopping-shop-workspace .shopping-shop-websites-scroll,.shopping-shop-modal.shopping-shop-workspace .shopping-shop-material-body{flex:none;height:auto;min-height:auto;max-height:none;overflow:visible}.shopping-shop-modal.shopping-shop-workspace .shopping-shop-websites-footer{border-top:1px solid var(--border);background:0 0;flex:none;margin:0 0 16px;padding:12px 16px 8px;position:static;inset:auto}.shopping-shop-modal.shopping-shop-workspace .shopping-shop-add-website{z-index:auto;float:none;width:100%;min-height:48px;position:static;inset:auto}.shopping-shop-panel-material{margin-top:0;padding-top:0}}@media (width<=640px){.shopping-shop-site-row{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"site site site""notes open delete"}.shopping-shop-site-button{grid-area:site}.shopping-shop-site-notes{grid-area:notes}.shopping-shop-site-open{grid-area:open}.shopping-shop-site-delete{grid-area:delete;width:40px;min-width:40px;padding-inline:0}.shopping-shop-site-delete-label{display:none}}@media (width<=768px){.shopping-website-button{width:100%}}@media (width<=599px){.alert-stock-page .alert-stock-summary{grid-template-columns:1fr}}.app-shell{--ink:#0b1020;--ink-2:#141b33;--ink-3:#1e2747;--gold:#d8ae5e;--gold-2:#f2d594;--gold-deep:#8c6420;--ivory:#faf8f3;--line:#e8e2d4;--sidebar-bg:#0b1020;--sidebar-border:#ffffff14;--sidebar-text:#ffffffb8;--sidebar-text-strong:#fff;--sidebar-title:#ffffff61;--sidebar-hover-overlay:#fff;--sidebar-active-bg:linear-gradient(90deg, #d8ae5e38, #d8ae5e0f);--accent:#d8ae5e;--accent-hover:#f2d594;--accent-dark:#8c6420;--accent-light:#f2d594;--accent-input-ring:#d8ae5e2e;--accent-focus-ring:#d8ae5e59}.app-sidebar-navy{border-right:1px solid #ffffff14;background:linear-gradient(#141b33,#0b1020)!important}.app-sidebar-navy .sidebar-item.active,.app-sidebar-navy .sidebar-item.active:focus,.app-sidebar-navy .sidebar-item.active:focus-visible,.app-sidebar-navy a.sidebar-item.active:visited{color:#f2d594!important;box-shadow:none!important;background:linear-gradient(90deg,#d8ae5e38,#d8ae5e0f)!important}.app-sidebar-navy .sidebar-item.active:before{content:"";background:#d8ae5e;border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.app-sidebar-navy .sidebar-group-toggle.is-active-parent{color:#fff!important;background:#d8ae5e1f!important;box-shadow:inset 3px 0 #d8ae5e!important}.app-sidebar-navy .sidebar-item-badge{color:#0b1020!important;background:#d8ae5e!important}.app-sidebar-navy .sidebar-collapse-toggle:hover,.app-sidebar-navy .sidebar-switch-company{border-color:#d8ae5e59!important}.home-header.app-top-header{-webkit-backdrop-filter:blur(14px);color:#15171f;background:#faf8f3e6!important;border-bottom:1px solid #e8e2d4!important}.home-header .header-online-badge{color:#1f7a55!important;background:#eaf5ef!important}.home-header .header-icon-button,.home-header .header-menu-button{background:#fff!important;border:1px solid #e8e2d4!important;border-radius:14px!important}.home-header .header-notification-button{color:#15171f!important}.home-header .header-notification-badge{color:#f2d594!important;background:#0b1020!important}@media (width>=768px){.home-header.app-top-header{min-height:var(--header-height,64px);height:var(--header-height,64px);box-shadow:none;-webkit-backdrop-filter:none;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:none;align-items:center;column-gap:12px;padding:0 clamp(16px,2vw,28px);display:grid;background:var(--ivory,#faf8f3)!important;border-bottom:1px solid #e8e2d4!important}.home-header.app-top-header .header-brand{justify-self:start;min-width:0}.home-header.app-top-header .header-title-block,.home-header.app-top-header .header-title-spacer{text-align:center;grid-area:auto;place-self:center;width:100%;min-width:0;max-width:100%}.home-header.app-top-header .header-title,.home-header.app-top-header .header-title-home-alt .header-title{letter-spacing:-.015em;color:#0f2747;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;margin:0;font-family:Playfair Display,serif;font-size:19px;font-weight:600;line-height:1.25;display:block;overflow:hidden}.home-header.app-top-header .header-right-controls{justify-self:end;gap:10px}.home-header.app-top-header.home-header-home .header-title-home-alt{display:block}}.app-shell-body{background:#faf8f3}.cs-page{--navy:#171c2e;--gold:#d8b36c;--gold-soft:#e9d9ae;--cream:#f6f1e7;--ink:#241f1a;--ink-soft:#7a7264;--line:#e7dfcc;--card:#fff;--font:"Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Erode", Georgia, serif;isolation:isolate;min-height:100dvh;font-family:var(--font);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex;position:relative;overflow-x:hidden}.cs-hero{isolation:isolate;color:#fff;min-height:310px;padding:calc(env(safe-area-inset-top,0px) + 14px) 20px 76px;background:#171c2e;position:relative;overflow:hidden}.cs-hero:after{content:"";z-index:0;opacity:.06;pointer-events:none;background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 30%,#000,#0000);mask-image:radial-gradient(70% 70% at 50% 30%,#000,#0000)}.cs-blob{filter:blur(70px);z-index:0;pointer-events:none;border-radius:50%;animation:14s ease-in-out infinite alternate cs-float;position:absolute}.cs-b1{opacity:.35;background:#c9973f;width:260px;height:260px;top:-110px;right:-40px}.cs-b2{opacity:.28;background:#3b4db8;width:280px;height:280px;animation-delay:-6s;bottom:-160px;left:-100px}@keyframes cs-float{to{transform:translate(-24px,16px)scale(1.08)}}.cs-appbar,.cs-main{z-index:1;position:relative}.cs-appbar{z-index:5;justify-content:space-between;align-items:center;gap:12px;max-width:1080px;margin:0 auto;display:flex;position:relative}.cs-hero-copy{z-index:1;text-align:center;max-width:1080px;margin:34px auto 0;position:relative}.cs-brand{color:#fff;align-items:center;gap:12px;min-width:0;display:flex}.cs-brand-logo{background:#ffffff0f;border:1px solid #e9d9ae40;border-radius:12px;place-items:center;min-width:40px;height:40px;padding:6px 10px;display:grid}.cs-brand-logo-img{object-fit:contain;width:auto;max-width:120px;height:26px;display:block}.cs-brand-name{flex-direction:column;min-width:0;line-height:1.2;display:flex}.cs-brand-name strong{letter-spacing:.04em;font-size:15px}.cs-brand-name span{color:#fff9;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:11.5px}.cs-user{position:relative}.cs-avatar-btn{cursor:pointer;color:#fff;font:inherit;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;display:flex}.cs-avatar{background:linear-gradient(180deg, var(--gold-soft), var(--gold));width:32px;height:32px;color:var(--navy);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.cs-uname{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:14px;font-weight:500;overflow:hidden}.cs-avatar-btn svg{opacity:.7;width:16px;height:16px}.cs-menu{min-width:200px;color:var(--ink);z-index:20;border:1px solid var(--line);background:#fff;border-radius:14px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 40px #00000040}.cs-menu-who{color:var(--ink-soft);border-bottom:1px solid var(--line);margin-bottom:4px;padding:10px 12px;font-size:13px}.cs-menu-who b{color:var(--ink);font-size:14.5px;display:block}.cs-menu-logout{color:#b42318;width:100%;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14.5px;font-weight:600;display:flex}.cs-menu-logout:hover{background:#fef3f2}.cs-menu-logout svg{width:18px;height:18px}.cs-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);margin:0;font-size:12px;font-weight:700}.cs-hero-copy h1{font:600 clamp(30px, 4vw, 48px) / 1.15 var(--display);letter-spacing:-.01em;margin:8px 0 0}.cs-hero-sub{color:#ffffffa8;margin:8px 0 0;font-size:15px}.cs-main{width:100%;max-width:1080px;padding:0 16px calc(env(safe-area-inset-bottom,0px) + 24px);z-index:2;box-sizing:border-box;flex-direction:column;flex:1;gap:18px;margin:-44px auto 0;display:flex;position:relative}.cs-note{border:1px solid var(--line);color:var(--ink);text-align:center;background:#fff;border-radius:14px;margin:0;padding:12px 14px;font-size:.92rem}.cs-status{text-align:center;color:var(--ink-soft);border:1px dashed var(--line);background:#fff;border-radius:18px;margin:0;padding:18px}.cs-primary{appearance:none;text-align:left;background:var(--card);width:100%;color:var(--ink);cursor:pointer;font:inherit;border:1px solid #d8b36c8c;border-radius:24px;padding:22px;transition:transform .12s,box-shadow .2s;display:block;position:relative;box-shadow:0 24px 50px -20px #171c2e47,0 0 0 5px #d8b36c14}.cs-primary:hover:not(:disabled){box-shadow:0 28px 56px -20px #171c2e52,0 0 0 5px #d8b36c1f}.cs-primary:active:not(:disabled){transform:scale(.99)}.cs-primary:disabled{opacity:.72;cursor:not-allowed}.cs-primary.is-selected{border-color:var(--gold);background:linear-gradient(160deg,#fffdf7,#fbf3e2)}.cs-primary:focus-visible{outline:none;box-shadow:0 24px 50px -20px #171c2e47,0 0 0 4px #d8b36c47}.cs-badge{letter-spacing:.06em;text-transform:uppercase;color:#8c6420;background:#fbf3e2;border:1px solid #f0ddb4;border-radius:999px;align-items:center;gap:6px;width:max-content;margin-bottom:14px;padding:5px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.cs-badge svg{width:12px;height:12px}.cs-primary-body{flex-direction:column;gap:18px;display:flex}.cs-primary-head{align-items:center;gap:16px;min-width:0;display:flex}.cs-primary-text{flex-direction:column;gap:4px;min-width:0;display:flex}.cs-primary-name{font:600 24px / 1.2 var(--display);letter-spacing:-.01em;overflow-wrap:anywhere}.cs-primary-sub{color:var(--ink-soft);font-size:14px}.cs-chips{flex-wrap:wrap;gap:6px;display:flex}.cs-chip{color:var(--ink-soft);background:#f4f0e6;border-radius:999px;align-items:center;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.cs-continue{background:var(--navy);width:100%;height:56px;color:var(--gold-soft);border-radius:16px;justify-content:center;align-items:center;gap:10px;font-size:16.5px;font-weight:700;display:flex;box-shadow:0 14px 28px -12px #171c2e8c,inset 0 1px #ffffff14}.cs-continue svg{width:18px;height:18px;transition:transform .2s}.cs-primary:hover:not(:disabled) .cs-continue svg{transform:translate(4px)}.cs-tile{background:var(--navy);width:56px;height:56px;color:var(--gold-soft);font:600 22px / 1 var(--display);border-radius:16px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.cs-tile--lg{border-radius:18px;width:68px;height:68px;font-size:28px}.cs-tile--logo{border:1px solid var(--line);background:#fff}.cs-tile--logo img{object-fit:contain;max-width:80%;max-height:80%}.cs-others{flex-direction:column;gap:12px;display:flex}.cs-section-title{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:center;margin:12px 4px 0;font-size:12px;font-weight:700;display:flex}.cs-count{letter-spacing:0;text-transform:none;color:#a8a59d;font-size:13px;font-weight:600}.cs-grid{grid-template-columns:1fr;gap:10px;display:grid}.cs-ws{appearance:none;text-align:left;cursor:pointer;background:var(--card);border:1px solid var(--line);width:100%;min-height:72px;color:var(--ink);font:inherit;border-radius:18px;align-items:center;gap:14px;padding:14px;transition:border-color .2s,box-shadow .2s,transform .12s,background .2s;display:flex}.cs-ws:hover:not(:disabled){border-color:#d9d0bc;box-shadow:0 10px 24px -14px #171c2e47}.cs-ws:active:not(:disabled){transform:scale(.99)}.cs-ws:disabled{opacity:.7;cursor:not-allowed}.cs-ws.is-selected{border-color:var(--gold);background:linear-gradient(160deg,#fffdf7,#fbf3e2)}.cs-ws:focus-visible{border-color:var(--gold);outline:none;box-shadow:0 0 0 4px #d8b36c38}.cs-ws-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cs-ws-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.cs-ws-info small{color:var(--ink-soft);font-size:13.5px}.cs-ws-go,.cs-ws-check{width:38px;height:38px;color:var(--navy);background:#f4f0e6;border-radius:12px;flex-shrink:0;place-items:center;transition:all .2s;display:grid}.cs-ws:hover:not(:disabled) .cs-ws-go,.cs-ws-check{background:var(--navy);color:var(--gold-soft)}.cs-ws-go svg,.cs-ws-check svg{width:18px;height:18px}.cs-foot{text-align:center;color:#a8a59d;margin-top:auto;padding:28px 0 8px;font-size:12.5px}.cs-foot strong{color:var(--ink-soft);font-weight:700}@media (width<=520px){.cs-brand-name{display:none}.cs-uname{max-width:90px}.cs-hero-copy h1{font-size:32px}.cs-primary-name{font-size:18px}.cs-ws-info strong{font-size:16px}}@media (width>=720px){.cs-hero{padding-bottom:96px}.cs-main{margin-top:-60px;padding-left:24px;padding-right:24px}.cs-primary{padding:28px 30px;display:block}.cs-primary-body{grid-template-columns:1fr 240px;align-items:center;gap:24px;display:grid}.cs-continue{margin-top:0}.cs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (width>=860px){.cs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cs-main{max-width:1120px}}@media (prefers-reduced-motion:reduce){.cs-page *,.cs-page :before,.cs-page :after{transition:none!important;animation:none!important}}.page-shell,.alert-main,.stock-main,.product-main,.settings-main,.viewport-locked-main,.dashboard-viewport-main,.home-main{width:min(calc(100% - 2 * var(--app-pad-x,32px)), var(--content-max,1680px));max-width:none;margin-left:auto;margin-right:auto}.stock-layout{width:100%;min-width:0;max-width:none}.stock-panel,.viewport-locked-panel,.dashboard-viewport-panel,.alert-panel{min-width:0;max-width:100%}.alert-main,.stock-main,.product-main,.settings-main,.viewport-locked-main,.dashboard-viewport-main{padding:var(--app-pad-y,24px) 0 calc(var(--app-pad-y,24px) + env(safe-area-inset-bottom,0px))}.page-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 clamp(12px,2vh,20px);display:flex}.page-heading h1,.alert-title,.product-title-group h1,.dashboard-viewport-title-group h1,.dashboard-viewport-title-group .alert-title{color:var(--text-primary,var(--text));text-align:left;margin:0;font-size:26px;font-weight:700;line-height:1.2}[data-theme=dark] .page-heading h1,[data-theme=dark] .alert-title,[data-theme=dark] .product-title-group h1,[data-theme=dark] .dashboard-viewport-title-group h1,[data-theme=dark] .dashboard-viewport-title-group .alert-title{color:var(--text)}.page-heading p,.product-title-group p{color:var(--text-muted);margin:6px 0 0;font-size:14px}.home-header{min-height:var(--header-height);height:auto;padding:env(safe-area-inset-top,0px) var(--app-pad-x,28px) 0;border-bottom:1px solid var(--border);box-shadow:var(--shadow-card-subtle)}.header-name{color:var(--header-text,#0f2747);font-size:18px;font-weight:700}.header-title{color:var(--header-text,#0f2747);font-size:15px;font-weight:600}.header-home-button,.header-logout-button{border-color:var(--border-strong);min-width:0;height:38px;box-shadow:none;border-radius:10px;padding:0 14px;font-weight:600;transition:background .16s,border-color .16s,color .16s}.header-online-badge{color:var(--success);background:var(--success-bg)}.alert-panel,.stock-panel,.settings-panel,.capacity-card,.product-card,.product-card-redesigned,.product-summary-card,.pbm-summary-card,.viewport-locked-panel,.dashboard-viewport-panel,.module-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.alert-panel,.stock-panel,.settings-panel,.viewport-locked-panel,.dashboard-viewport-panel{padding:22px 24px}.home-container .capacity-card,.capacity-card{border-radius:10px;padding:14px 16px 12px}.module-card{box-shadow:var(--shadow-card-subtle);padding:10px 14px}.module-card:hover{border-color:var(--accent);box-shadow:var(--shadow-card-hover)}.field-input,.product-search-input,.select-input{min-height:var(--control-height);height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--bg-input)}.field-input:focus,.product-search-input:focus,.select-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-input-ring)}.textarea-input,.sale-new-textarea{height:auto;min-height:84px}.login-button,.save-button,.secondary-button,.cancel-button,.export-button,.edit-button,.delete-button,.add-material-button,.choose-logo-button,.modal-cancel,.modal-confirm,.settings-quick-action{height:var(--control-height);border-radius:var(--radius-sm);cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.login-button,.save-button,.modal-confirm,.add-material-button{color:var(--button-text-on-accent,#fff);background:var(--accent);border:1px solid var(--accent)}.login-button:hover,.save-button:hover,.modal-confirm:hover,.add-material-button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.secondary-button,.cancel-button,.export-button,.edit-button,.choose-logo-button,.modal-cancel,.edit-cancel-button{color:var(--text);background:var(--bg-card);border:1px solid var(--border-strong)}.secondary-button:hover,.cancel-button:hover,.export-button:hover,.edit-button:hover,.choose-logo-button:hover,.modal-cancel:hover,.edit-cancel-button:hover{background:var(--bg-input);border-color:var(--accent);color:var(--accent)}.login-button:focus-visible,.save-button:focus-visible,.secondary-button:focus-visible,.cancel-button:focus-visible,.export-button:focus-visible,.edit-button:focus-visible,.delete-button:focus-visible,.remove-button:focus-visible,.add-material-button:focus-visible,.choose-logo-button:focus-visible,.modal-cancel:focus-visible,.modal-confirm:focus-visible,.header-home-button:focus-visible,.header-logout-button:focus-visible,.search-clear-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.delete-button,.remove-button{color:var(--danger);background:var(--danger-bg);border:1px solid color-mix(in srgb, var(--danger) 28%, var(--surface-tint))}.delete-button:hover,.remove-button:hover{background:color-mix(in srgb, var(--danger) 12%, var(--surface-tint))}.alert-table,.stock-table,.bom-table{border-collapse:collapse;width:100%;font-size:13px}.alert-table thead th,.stock-table thead th,.bom-table thead th{background:var(--bg-table-head);color:var(--primary-dark);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:700}[data-theme=dark] .alert-table thead th,[data-theme=dark] .stock-table thead th,[data-theme=dark] .bom-table thead th{color:var(--text)}.alert-table th,.alert-table td,.stock-table th,.stock-table td,.bom-table th,.bom-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 12px}.status-badge,.ready-badge,.product-card-badge{border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;line-height:1.4;display:inline-flex}.status-normal{color:var(--success);background:var(--success-bg)}.status-low{color:var(--warning);background:var(--warning-bg)}.status-out{color:var(--danger);background:var(--danger-bg)}.status-neutral{color:var(--text-muted);background:color-mix(in srgb, var(--text-muted) 12%, var(--surface-tint))}.ready-already{color:var(--accent);background:var(--bg-soft)}.ready-with{color:var(--secondary);background:color-mix(in srgb, var(--secondary) 12%, var(--surface-tint))}.modal-overlay,.sale-new-overlay{background:var(--modal-overlay,#0f172a8c)}.modal,.modal-card,.sale-new-modal.modal{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-modal);border-radius:18px}.sale-new-modal.modal{width:min(1020px,100vw - 32px);max-width:1020px}.modal-header{padding:16px 22px}.modal-footer,.modal-actions{gap:10px;padding:14px 22px}.capacity-item{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px}.product-card-redesigned{padding:16px 18px}.product-card-icon-box{color:var(--accent);background:var(--bg-soft)}.settings-page{padding:0}.settings-panel{border-radius:var(--radius-lg)}.settings-panel-title{color:var(--text-primary,var(--text))}[data-theme=dark] .settings-panel-title{color:var(--text)}.home-main{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;max-width:none;min-height:0;margin-left:0;margin-right:0;padding:8px 14px 10px;display:flex;overflow:hidden}.home-dashboard-wrapper{flex-direction:column;flex:1;gap:8px;width:100%;max-width:none;height:100%;min-height:0;margin:0;display:flex;overflow:hidden}.home-dashboard-title{color:var(--text-primary,var(--text));text-align:left;margin:0 0 2px;font-size:20px;font-weight:700;line-height:1.2}[data-theme=dark] .home-dashboard-title{color:var(--text)}.home-dashboard-subtitle{max-width:none;color:var(--text-muted);text-align:left;margin:0 0 10px;font-size:13px;line-height:1.35}.home-container{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:18px;width:100%;min-height:0;display:grid}.home-container .capacity-card{width:100%;min-width:0;height:auto;min-height:0}.home-grid{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:12px;width:100%;min-height:0;display:grid}.home-grid .module-card{border-radius:8px;flex-direction:row;align-items:center;height:64px;min-height:64px;max-height:72px;padding:10px 14px;display:flex}.module-number{color:var(--accent);background:var(--bg-soft)}.dashboard-viewport-page,.viewport-locked-page{background:var(--bg-page)}@media (width<=1366px){.alert-main,.stock-main,.product-main,.settings-main{padding-block:10px 12px}.home-main{padding:8px 12px 10px}.home-dashboard-title{font-size:17px}.home-dashboard-subtitle{margin-bottom:8px}.home-container,.home-grid{gap:10px}.home-grid .module-card{height:56px;min-height:56px;max-height:60px;padding:8px 10px}}@media (width<=1199px){.home-main{justify-content:flex-start;overflow:hidden}.home-container{gap:10px;min-height:0}.home-grid{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(4,minmax(0,1fr));height:auto}}@media (width<=900px){.home-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.alert-main,.stock-main,.product-main,.settings-main{padding:16px 0}.home-main,.settings-page{justify-content:flex-start;padding:8px 10px}.home-header{padding:max(10px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) 10px max(12px, env(safe-area-inset-left,0px));height:auto;min-height:var(--header-height);grid-template-rows:auto auto;grid-template-columns:1fr auto;row-gap:8px}.header-title{text-align:left;grid-column:1/-1;justify-self:start}.page-heading{flex-direction:column;align-items:stretch}.sale-new-modal.modal,.modal{width:94vw;max-width:96vw;max-height:90vh}.sale-new-grid{grid-template-columns:1fr}.sale-new-pane-left{border-right:none;border-bottom:1px solid var(--border);padding-bottom:12px;padding-right:0}.sale-new-pane-right{padding-top:12px;padding-left:0}.field-input.stock-qty-input,.login-button.stock-submit-button,.stock-combobox-field{height:48px;min-height:48px}.stock-combobox-input{font-size:16px}.stock-search-results{max-height:min(220px, calc(var(--app-viewport,100dvh) - 140px))}}@media (width<=480px){.home-grid{grid-template-columns:1fr}.header-online-badge{display:none}.header-name{text-overflow:ellipsis;max-width:42vw;overflow:hidden}}.settings-page .settings-panel{flex:none;justify-content:flex-start;align-self:start;width:100%;min-width:0;height:auto;min-height:0;max-height:none;margin:0}.settings-page .settings-card-form{flex:none;justify-content:flex-start;width:100%;min-width:0;height:auto}.settings-viewport-page.settings-page{padding:0}.settings-viewport-page .settings-main{padding:16px 0}.settings-viewport-page .settings-page-header,.settings-viewport-page .settings-page-header.dashboard-viewport-header-row{margin:0 0 16px}.settings-viewport-page .settings-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;place-items:start stretch;gap:0;width:100%;max-width:none;margin:0;padding:0;display:block}.settings-viewport-page .settings-grid>.settings-panel{box-sizing:border-box;align-self:start;width:100%;min-width:0;height:auto;margin:0}.settings-viewport-page .settings-panel-quick{grid-column:auto;margin:0}@media (width>=1024px){.settings-viewport-page .settings-grid{grid-template-areas:none;gap:0}}@media (width>=768px) and (height<=900px){.settings-viewport-page .settings-main{padding:16px 0}.settings-viewport-page .settings-page-header,.settings-viewport-page .settings-page-header.dashboard-viewport-header-row{margin:0 0 16px}}@media (width>=768px) and (height<=800px){.settings-viewport-page .settings-main{padding:16px 0}}@media (width<=767px){.settings-viewport-page .settings-main{padding:16px 0}.settings-viewport-page .settings-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:none;gap:16px}.settings-viewport-page .settings-grid>.settings-panel{grid-area:auto;height:auto}.settings-page .settings-panel{height:auto}}.product-page .product-main{width:min(calc(100% - 2 * var(--app-pad-x,32px)), var(--content-max,1680px));padding:16px 0}@media (width<=1366px){.product-page .product-main{padding:16px 0}}.header-search-container,.pbm-toolbar .export-button{height:var(--control-height)}.table-empty,.dashboard-viewport-panel>.info-text.table-empty,.info-text.debugging-empty{text-align:center;color:var(--text-muted);margin:0;padding:36px 16px}.pbm-summary-low{color:var(--danger)}.pbm-summary-normal{color:var(--success)}.product-list-row .edit-button,.product-list-row .delete-button{height:32px;min-height:32px;padding:0 12px;font-size:13px}.home-ref-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0;margin:0;font-size:11px;font-weight:700}.home-ref-dash .home-ref-card{box-shadow:var(--shadow-card-subtle);flex-direction:column;gap:8px;min-width:0;height:auto;min-height:0;padding:10px 12px;display:flex}.home-ref-card-head{align-items:center;gap:8px;min-width:0;display:flex}.home-ref-card-title{color:var(--text);margin:0;font-size:13px;font-weight:700;line-height:1.25}.home-ref-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.home-ref-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.home-ref-icon-capacity{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-tint))}.home-ref-icon-ready{color:var(--success);background:var(--success-bg)}.home-ref-icon-sales{color:var(--info);background:color-mix(in srgb, var(--info) 12%, var(--surface-tint))}.home-ref-icon-alert{color:var(--warning);background:var(--warning-bg)}.home-ref-icon-usage{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-tint))}.home-ref-metrics-grid{gap:8px;min-width:0;display:grid}.home-ref-metrics-grid-4,.home-ref-metrics-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.home-ref-metrics-grid-4 .home-ref-metric{height:100%}.home-ref-metric{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;flex-direction:column;gap:2px;min-width:0;padding:8px 10px;display:flex}.home-ref-metric-capacity{background:color-mix(in srgb, var(--accent) 8%, var(--surface-tint));border-color:color-mix(in srgb, var(--accent) 14%, var(--border))}.home-ref-metric-ready{background:color-mix(in srgb, var(--success) 8%, var(--surface-tint));border-color:color-mix(in srgb, var(--success) 18%, var(--border))}.home-ref-metric-sales{background:color-mix(in srgb, var(--info) 8%, var(--surface-tint));border-color:color-mix(in srgb, var(--info) 16%, var(--border))}.home-ref-metric-warning{background:var(--warning-bg);border-color:color-mix(in srgb, var(--warning) 22%, var(--border))}.home-ref-metric-critical{background:var(--danger-bg);border-color:color-mix(in srgb, var(--danger) 18%, var(--border))}.home-ref-metric-kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700}.home-ref-metric-value{color:var(--text);font-size:22px;font-weight:800;line-height:1.1}.home-ref-metric-capacity .home-ref-metric-value,.home-ref-metric-ready .home-ref-metric-value{color:var(--accent)}.home-ref-metric-ready .home-ref-metric-value{color:var(--success)}.home-ref-metric-sales .home-ref-metric-value{color:var(--info)}.home-ref-metric-warning .home-ref-metric-value{color:var(--warning)}.home-ref-metric-critical .home-ref-metric-value{color:var(--danger)}.home-ref-metric-label{color:var(--text);overflow-wrap:anywhere;font-size:12px;font-weight:700}.home-ref-metric-sub{color:var(--text-muted);font-size:11px}.home-ref-status{letter-spacing:.03em;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:700}.home-ref-status.is-ready{color:var(--success)}.home-ref-status.is-not-ready{color:var(--warning)}.home-ref-status.is-muted{color:var(--text-muted)}.home-ref-usage-list{flex-direction:column;flex:none;gap:6px;min-width:0;display:flex}.home-ref-usage-item{flex-direction:column;flex:none;gap:4px;min-width:0;display:flex}.home-ref-usage-head{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.home-ref-usage-product{color:var(--text);overflow-wrap:anywhere;font-size:12px;font-weight:700}.home-ref-usage-count{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.home-ref-usage-count strong{color:var(--text);font-weight:700}.home-ref-usage-track{background:color-mix(in srgb, var(--accent) 10%, #eef2f7);border-radius:999px;flex-shrink:0;height:10px;overflow:hidden}.home-ref-usage-fill{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 88%, var(--surface-tint)), var(--accent));min-width:8px;height:100%}.home-ref-actions{box-shadow:none;background:0 0;border:none;height:auto;min-height:48px;padding:0}.home-ref-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;width:100%;min-height:48px;display:grid}.home-ref-action-btn{height:auto;min-height:48px;color:var(--text);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:10px;justify-content:center;align-items:center;padding:10px 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.25;transition:border-color .15s,background .15s,color .15s;display:flex}.home-ref-action-btn:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));background:color-mix(in srgb, var(--accent) 6%, var(--surface-tint))}.home-ref-action-btn.is-accent{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface-tint))}.home-ref-action-btn:focus-visible{outline:3px solid var(--accent-focus-ring);outline-offset:2px}.home-dash{flex:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:auto;align-content:start;align-items:start;gap:8px;width:100%;min-width:0;min-height:0;display:grid}.home-ref-dash.home-dash.home-ref-dash-4{grid-template-rows:auto auto;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start;gap:10px;height:100%}.home-ref-dash.home-dash.home-ref-dash-4>.home-dash-card{flex-direction:column;flex-grow:0;height:auto;min-height:0;display:flex}.home-ref-dash [data-testid=ready-product-capacity] .home-ref-metrics-grid,.home-ref-dash [data-testid=available-for-sale] .home-ref-metrics-grid{flex:none;align-items:stretch}.home-ref-dash [data-testid=home-sales-summary],.home-ref-dash [data-testid=home-alert-summary]{gap:6px}.home-ref-dash [data-testid=home-sales-summary] .home-ref-metrics-grid,.home-ref-dash [data-testid=home-alert-summary] .home-ref-metrics-grid{flex:none;gap:8px}.home-ref-dash [data-testid=home-sales-summary] .home-ref-metric,.home-ref-dash [data-testid=home-alert-summary] .home-ref-metric{height:auto;padding:6px 10px}.home-ref-dash [data-testid=home-sales-summary] .home-ref-metric-value,.home-ref-dash [data-testid=home-alert-summary] .home-ref-metric-value{font-size:20px}.home-ref-dash [data-testid=home-material-usage]{gap:6px}.home-ref-dash [data-testid=home-material-usage] .home-ref-usage-list{flex:none;gap:6px}.home-ref-dash .home-ref-card-head{flex-shrink:0}.home-dash-card{flex-direction:column;gap:6px;min-width:0;height:auto;min-height:0;padding:8px 10px;display:flex}.home-dash-span{grid-column:1/-1}.home-dash-list{flex:none;gap:4px;overflow:visible}.home-dash-row{min-height:0;padding:5px 8px}.home-dash-row .status-badge{flex-shrink:0;padding:1px 7px;font-size:10px}.home-dash-kpis{flex-direction:column;gap:4px;display:flex}.home-dash-kpi{background:color-mix(in srgb, var(--accent,#820d7e) 10%, var(--surface-tint));border:1px solid color-mix(in srgb, var(--accent,#820d7e) 12%, var(--border));border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:4px 8px;display:flex}.home-dash-kpi span{color:var(--text);min-width:0;font-size:12px;font-weight:600}.home-dash-kpi strong{color:var(--text);flex-shrink:0;font-size:13px;font-weight:700}.home-dash-actions{margin-top:auto;padding-top:2px}.home-dash-actions-center{justify-content:center;display:flex}.home-dash-btn{height:auto;min-height:28px;padding:5px 10px;font-size:12px;line-height:1.2}.home-dash-btn:focus-visible,.home-dash-modal .modal-close:focus-visible,.home-dash-modal .secondary-button:focus-visible,.home-dash-sale-pick:focus-visible{outline:3px solid var(--accent-focus-ring);outline-offset:2px}.home-dash-usage-mobile{color:var(--text-muted);margin:0;font-size:12px;display:none}.home-dash-usage{flex-direction:column;gap:3px;min-width:0;display:flex}.home-dash-usage-head,.home-dash-usage-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.home-dash-usage-head{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:0 2px;font-size:10px;font-weight:700}.home-dash-usage-row{background:color-mix(in srgb, var(--accent,#820d7e) 10%, var(--surface-tint));border:1px solid color-mix(in srgb, var(--accent,#820d7e) 12%, var(--border));border-radius:8px;padding:4px 8px}.home-dash-usage-row strong{flex-shrink:0;font-size:13px}.home-dash-shared{flex-direction:column;gap:2px;margin-top:4px;display:flex}.home-dash-shared-item{color:var(--text-muted);overflow-wrap:anywhere;min-width:0;margin:0;font-size:11px;line-height:1.3}.home-dash-shared-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 4px;font-size:11px;font-weight:700}.home-dash-modal.modal{border-radius:16px;flex-direction:column;width:min(1100px,100vw - 32px);max-width:1100px;height:auto;max-height:min(100dvh - 32px,100vh - 32px);display:flex;overflow:hidden}.modal-overlay:has(.home-dash-modal){justify-content:center;align-items:center;padding:16px;overflow:hidden}.home-dash-modal .modal-header{flex-shrink:0;padding:12px 20px}.home-dash-modal .modal-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:14px 20px;overflow:hidden auto}.home-dash-modal:has(.material-usage-popup) .modal-body{flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.material-usage-popup{flex-direction:column;flex:auto;min-width:0;height:100%;min-height:0;display:flex}.material-usage-popup-controls{border-bottom:1px solid var(--border);background:var(--bg-card);flex-direction:column;flex-shrink:0;gap:14px;padding:14px 20px 12px;display:flex}.material-usage-popup-content{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:14px;min-height:0;padding:14px 20px;display:flex;overflow:hidden auto}.home-dash-modal .modal-footer{flex-shrink:0;padding:10px 20px}.home-dash-table-wrap,.home-dash-modal .table-wrapper{border:1px solid var(--border);border-radius:8px;min-width:0;max-width:100%;overflow:auto hidden}.home-dash-table{width:100%;min-width:720px;margin:0}.home-dash-table th,.home-dash-table td{text-align:left;white-space:nowrap;padding:8px 10px;font-size:13px}.home-dash-table td:first-child,.home-dash-table td:nth-child(2){white-space:normal;overflow-wrap:anywhere}.home-dash-sale-picker{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.home-dash-sale-pick{text-align:left;color:var(--text);background:var(--bg-soft);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:12px}.home-dash-sale-pick.is-active{border-color:var(--accent);background:color-mix(in srgb, var(--accent,#820d7e) 10%, var(--surface-tint))}.home-dash-shared-popup{margin-bottom:12px}.material-usage-popup{gap:0;min-width:0}.material-usage-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.material-usage-summary-card{background:color-mix(in srgb, var(--accent,#820d7e) 10%, var(--surface-tint));border:1px solid color-mix(in srgb, var(--accent,#820d7e) 12%, var(--border));border-radius:8px;flex-direction:column;gap:4px;min-width:0;padding:8px 10px;display:flex}.material-usage-summary-card span{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-weight:700}.material-usage-summary-card strong{color:var(--text);font-size:18px;font-weight:700}.material-usage-filters{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.material-usage-filter{flex-direction:column;gap:4px;min-width:0;display:flex}.material-usage-filter-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-weight:700}.material-usage-search,.material-usage-select{width:100%;min-width:0;color:var(--text);background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-family:inherit;font-size:12px}.material-usage-filter-check{color:var(--text);white-space:nowrap;flex-direction:row;align-items:center;gap:6px;padding-bottom:8px;font-size:12px;font-weight:600}.material-usage-section{flex-direction:column;gap:8px;min-width:0;display:flex}.material-usage-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0;font-size:12px;font-weight:700}.material-usage-groups{flex-direction:column;gap:10px;display:flex}.material-usage-group{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;min-width:0;overflow:hidden}.material-usage-group-head{background:color-mix(in srgb, var(--accent,#820d7e) 8%, var(--surface-tint));border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.material-usage-group-title-wrap{flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;display:flex}.material-usage-product-name{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:700}.material-usage-material-count{color:var(--text-muted);font-size:11px;font-weight:600}.material-usage-toggle{flex-shrink:0;min-height:28px;padding:4px 10px;font-size:11px}.material-usage-table-wrap{max-width:100%;overflow-x:auto}.material-usage-table{width:100%;min-width:0;margin:0}.material-usage-table th,.material-usage-table td{padding:8px 12px;font-size:13px}.material-usage-material-cell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.material-usage-material-name{color:var(--text);overflow-wrap:anywhere;font-size:13px}.material-usage-qty-col{white-space:nowrap;width:110px;text-align:right!important}.material-usage-shared-badge{flex-shrink:0;padding:1px 6px;font-size:10px}.material-usage-more-hint{color:var(--text-muted);margin:0;padding:6px 12px 10px;font-size:11px}.material-usage-mobile-cards{display:none}.material-usage-empty{text-align:center;border:1px dashed var(--border);border-radius:8px;margin:0;padding:16px 12px}.material-usage-shared-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.material-usage-shared-card{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;min-width:0;overflow:hidden}.material-usage-shared-card.is-open{border-color:color-mix(in srgb, var(--accent,#820d7e) 30%, var(--border))}.material-usage-shared-trigger{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:10px 12px}.material-usage-shared-trigger:focus-visible{outline:3px solid var(--accent-focus-ring);outline-offset:-3px}.material-usage-shared-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.material-usage-shared-kicker{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:10px;font-weight:700;display:block}.material-usage-shared-name{color:var(--text);overflow-wrap:anywhere;margin:0 0 8px;font-size:14px;font-weight:700}.material-usage-shared-meta{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.material-usage-shared-products{color:var(--text);overflow-wrap:anywhere;margin:2px 0 0;font-size:12px;line-height:1.35}.material-usage-shared-chain{color:var(--text-muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:10px;line-height:1.3}.material-usage-shared-count{text-align:right;flex-shrink:0}.material-usage-shared-count strong{color:var(--text);font-size:16px;font-weight:700;display:block}.material-usage-shared-detail{border-top:1px solid var(--border);padding:0;overflow-x:auto}.material-usage-shared-table{width:100%;min-width:0;margin:0}.material-usage-shared-table th,.material-usage-shared-table td{padding:7px 12px;font-size:12px}.material-usage-shared-filter-note{margin:0;font-size:12px}@media (width<=767px){.material-usage-summary,.material-usage-filters{grid-template-columns:1fr}.material-usage-filter-check{padding-bottom:0}.material-usage-desktop-table{display:none}.material-usage-mobile-cards{flex-direction:column;gap:0;display:flex}.material-usage-mobile-row{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 12px;display:flex}.material-usage-mobile-row:first-child{border-top:0}.material-usage-mobile-material{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.material-usage-mobile-qty{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.material-usage-mobile-qty span{text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700}.material-usage-mobile-qty strong{color:var(--text);font-size:14px;font-weight:700}.material-usage-shared-grid,.material-usage-shared-meta{grid-template-columns:1fr}.material-usage-shared-count{text-align:left}}@media (height<=800px){.home-dash-shared:not(.home-dash-shared-popup){display:none}.home-dashboard-title{font-size:16px}}@media (width<=1024px){.home-dash{gap:8px}.home-dash-modal.modal{width:min(980px,100vw - 24px);max-width:calc(100vw - 24px)}}@media (width<=767px){.home-page-fill .home-main{padding:4px 8px}.home-page-fill .home-dashboard-wrapper{gap:4px}.home-dash{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);align-content:start;align-items:stretch;gap:4px;height:auto}.home-ref-dash.home-dash.home-ref-dash-4{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;height:auto}.home-ref-dash.home-dash.home-ref-dash-4>.home-dash-card{height:auto}.home-ref-usage-item{flex:none}.home-dash-card{gap:4px;padding:6px 8px}.home-ref-metrics-grid-4,.home-ref-metrics-grid-2,.home-ref-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-ref-card,.home-ref-metric{padding:6px 8px}.home-ref-metric-value{font-size:18px}.home-ref-kicker{font-size:10px}.home-ref-usage-head{flex-direction:column;align-items:flex-start;gap:2px}.home-dash-usage-mobile{display:none}.home-dash-btn,.home-ref-action-btn{min-height:32px;padding:4px 8px;font-size:11px}.home-dash-modal.modal{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:min(100dvh - 16px,100vh - 16px)}.material-usage-popup-controls,.material-usage-popup-content{padding-left:12px;padding-right:12px}.home-dash-modal .sale-view-more-list{grid-template-columns:minmax(0,1fr)}}@media (width>=768px) and (width<=1024px){.home-ref-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--skeleton-base:color-mix(in srgb, var(--border) 55%, var(--bg-card));--skeleton-highlight:color-mix(in srgb, var(--bg-card) 88%, var(--surface-tint));--skeleton-duration:1.5s}[data-theme=dark]{--skeleton-base:color-mix(in srgb, var(--border) 70%, var(--bg-card));--skeleton-highlight:color-mix(in srgb, var(--bg-card) 72%, var(--surface-tint))}.skeleton{background:var(--skeleton-base);border-radius:var(--radius-sm);display:block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--skeleton-highlight) 55%, transparent) 50%, transparent 100%);animation:skeleton-shimmer var(--skeleton-duration) linear infinite;position:absolute;inset:0;transform:translate(-100%)}.skeleton-rounded-sm{border-radius:var(--radius-sm)}.skeleton-rounded-md{border-radius:var(--radius-md)}.skeleton-rounded-lg{border-radius:var(--radius-lg)}.skeleton-text,.skeleton-title{max-width:100%;display:block}.skeleton-title{border-radius:var(--radius-sm)}.skeleton-box{width:100%}.skeleton-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;display:grid}.skeleton-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);padding:16px}.skeleton-kpi-tile .skeleton-kpi-value{margin-bottom:8px}.skeleton-kpi-tile .skeleton-text+.skeleton-text{margin-top:6px}.skeleton-kpi-status{margin-top:10px}.skeleton-usage-track{width:100%;margin-top:2px}.skeleton-table-wrap table{width:100%}.skeleton-table-wrap th,.skeleton-table-wrap td{vertical-align:middle;padding:10px 12px}.skeleton-form{flex-direction:column;gap:14px;display:flex}.skeleton-form-field{flex-direction:column;gap:8px;display:flex}.skeleton-form-button{margin-top:4px}.skeleton-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.skeleton-toolbar>.skeleton:first-child{flex:220px;min-width:180px}.skeleton-page-header-controls{align-items:center;gap:10px;display:flex}.skeleton-panel-title{margin-bottom:16px;display:block}.skeleton-product-stats{flex-direction:column;gap:12px;margin:16px 0;display:flex}.skeleton-product-list{flex-direction:column;gap:10px;display:flex}.skeleton-product-list-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.skeleton-pbm-summary{margin-bottom:16px}.skeleton-pbm-summary-card{flex-direction:column;gap:8px;display:flex}.skeleton-settings-audit{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.skeleton-settings-audit-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.skeleton-settings-stats{margin-top:16px}.skeleton-route-page{min-height:240px}.skeleton-modal-table{margin-top:12px}.home-ref-actions .home-ref-action-btn:disabled{opacity:.55;cursor:not-allowed}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after{opacity:.35;animation:none;transform:none}}.mobile-bottom-nav,.mobile-more-backdrop,.mobile-more-sheet{display:none}@media (width<=768px),(height<=500px) and (width<=1024px){:root{--mobile-nav-height:78px;--mobile-header-offset:calc(var(--header-height) + env(safe-area-inset-top,0px));--mobile-nav-offset:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px));--mobile-shell-pad-bottom:calc(var(--mobile-nav-offset) + 28px);--vv-height:100dvh;--mobile-sheet-max:calc(var(--vv-height,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));--header-height:52px;--app-pad-x:14px;--app-pad-y:14px;--sidebar-width:0px}html.app-is-mobile,html.app-is-mobile body{overscroll-behavior:none;overflow:hidden}.app-shell,.app-shell-main,.app-shell-body,.home-header{max-width:100%}.app-shell{height:var(--app-viewport);min-height:var(--app-viewport);max-height:var(--app-viewport);box-sizing:border-box;isolation:isolate;padding-bottom:var(--mobile-nav-offset);flex-direction:column;display:flex;position:relative;overflow:hidden}.app-shell-main{z-index:1;flex-direction:column;flex:auto;min-height:0;position:relative;overflow:hidden}.app-shell-body{z-index:auto}.app-shell:has(.modal-overlay) .app-shell-main{z-index:6;overflow:visible}.app-shell:has(.modal-overlay) .app-shell-body{pointer-events:none;overflow:hidden}.app-shell:has(.modal-overlay) .modal-overlay{pointer-events:auto}:is(.app-shell:has(.modal-overlay) .home-header,.app-shell:has(.modal-overlay) .mobile-bottom-nav,.app-shell:has(.modal-overlay) .mobile-more-sheet,.app-shell:has(.modal-overlay) .mobile-more-backdrop),:is(.app-shell:has(.user-profile-overlay) .home-header,.app-shell:has(.user-profile-overlay) .mobile-bottom-nav,.app-shell:has(.user-profile-overlay) .mobile-more-sheet,.app-shell:has(.user-profile-overlay) .mobile-more-backdrop){z-index:1;pointer-events:none}.app-shell:has(.user-profile-overlay) .user-profile-overlay{pointer-events:auto;z-index:320}.app-sidebar{display:none}.home-header{z-index:2;box-sizing:border-box;flex:none;width:100%;position:relative}.app-shell-body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;min-height:0;padding-bottom:var(--mobile-shell-pad-bottom);scroll-padding-top:8px;scroll-padding-bottom:var(--mobile-shell-pad-bottom);flex:auto;overflow:hidden auto}.app-shell-body>*{box-sizing:border-box;min-width:0;max-width:100%}.app-shell-body>.dashboard-viewport-page,.app-shell-body>.viewport-locked-page,.app-shell-body>.settings-viewport-page,.app-shell-body>.product-page,.app-shell-body>.alert-stock-page,.app-shell-body>.debugging-page,.app-shell-body>.stock-page,.app-shell-body>.home.home-page-fill{flex:none!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.app-shell-body .dashboard-viewport-main,.app-shell-body .viewport-locked-main,.app-shell-body .settings-main,.app-shell-body .debugging-main,.app-shell-body .product-main,.app-shell-body .stock-main-simple,.app-shell-body .dashboard-viewport-panel,.app-shell-body .viewport-locked-panel,.app-shell-body .debugging-form-card,.app-shell-body .debugging-log-card,.app-shell-body .dashboard-table-container,.app-shell-body .debugging-form-scroll,.app-shell-body .debugging-log-table,.app-shell-body .bom-table-container,.app-shell-body .stock-entry-form-scroll,.app-shell-body .stock-entry-material-scroll,.app-shell-body .stock-entry-panel{height:auto!important;max-height:none!important;overflow:visible!important}.app-shell-body .dashboard-viewport-main,.app-shell-body .viewport-locked-main,.app-shell-body .settings-main,.app-shell-body .stock-main-simple,.app-shell-body .debugging-main{padding-bottom:8px}.home-header{height:auto;padding:8px 14px;padding-top:max(8px, env(safe-area-inset-top,0px));grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand title right";gap:0 10px;max-width:100%;overflow:hidden;min-height:var(--header-height)!important}.header-brand{grid-area:brand;align-items:center;gap:0;min-width:0;display:flex}.header-name,.header-sep{display:none}.home-header-home{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand title right"}.home-header-home .header-name{display:none}.home-header-home .header-brand{gap:0;max-width:none}.home-header-home .header-brand-stack,.home-header-home .header-brand-sub{display:none}.home-header-home .header-title-home-alt{text-align:left;justify-self:start;width:100%;min-width:0;display:block}.home-header-home .header-right-controls{justify-content:flex-end;gap:8px}.home-header-home .header-alert-button,.home-header-home .header-menu-button{display:none}.header-notification-button{display:grid}.header-logo,.header-logo-default{width:auto;height:32px}.header-title-block,.header-title-spacer{text-align:left;grid-area:title;justify-self:start;width:100%;min-width:0}.header-title{text-overflow:ellipsis;white-space:nowrap;grid-area:auto;max-width:100%;font-size:15px;font-weight:700;overflow:hidden}.header-subtitle{display:none}.header-right-controls{grid-area:right;gap:8px}.header-home-button:not(.header-logout-button){display:none}.header-logout-button{min-width:0;min-height:44px;padding:0 14px;font-size:13px}.header-online-badge{display:none}.mobile-bottom-nav{--mobile-nav-muted:#6b6a66;--mobile-nav-active:#9a6a16;z-index:1000;width:100%;height:calc(78px + env(safe-area-inset-bottom,0px));padding:0 4px env(safe-area-inset-bottom,0px);box-sizing:border-box;background:#fff;border-top:1px solid #e7e1d6;grid-template-columns:repeat(5,minmax(0,1fr));place-items:center;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:visible}.mobile-bottom-nav-item{width:100%;min-width:0;height:100%;max-height:78px;color:var(--mobile-nav-muted);cursor:pointer;box-sizing:border-box;text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px 2px;font-family:inherit;font-size:12px;font-weight:500;line-height:1;text-decoration:none;display:flex}.mobile-bottom-nav-item svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;color:inherit;flex-shrink:0}.mobile-bottom-nav-item svg circle[fill],.mobile-bottom-nav-item svg circle[fill=currentColor]{fill:currentColor;stroke:none}.mobile-bottom-nav-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:inherit;line-height:1;overflow:hidden}.mobile-bottom-nav-item.active,.mobile-bottom-nav-item.active:visited,.mobile-bottom-nav-item.is-more-open{color:var(--mobile-nav-active);background:0 0}.mobile-bottom-nav-item:focus-visible{outline:2px solid color-mix(in srgb, var(--mobile-nav-active) 45%, transparent);outline-offset:-2px}.mobile-bottom-nav-center{pointer-events:none;justify-content:center;align-items:flex-start;width:100%;height:100%;max-height:78px;display:flex;position:relative}.mobile-bottom-nav-fab{pointer-events:auto;z-index:2;-webkit-tap-highlight-color:transparent;background:#0b1020;border:0;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;text-decoration:none;display:flex;position:absolute;top:-30px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0b102038}.mobile-bottom-nav-fab-face{color:#d8ae5e;font-size:30px;font-weight:400;line-height:1}.mobile-bottom-nav-fab.is-active{box-shadow:0 8px 24px #0b102047,0 0 0 2px #d8ae5e73}.mobile-bottom-nav-fab:focus-visible{outline-offset:2px;outline:2px solid #d8ae5e}.mobile-more-backdrop{z-index:1001;cursor:pointer;background:#171c2e47;border:none;padding:0;display:block;position:fixed;inset:0}.mobile-more-sheet{--more-gold:#d8ae5e;--more-gold-dark:#8c6420;--more-gold-soft:#f2d594;--more-gold-light:#fbf6ea;--more-ink:#171c2e;--more-muted:#6f675a;--more-border:#e8e0cf;--more-surface:#fffdf8;left:0;right:0;bottom:var(--mobile-nav-offset,calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px)));z-index:1002;background:linear-gradient(180deg, #fff 0%, var(--more-surface) 100%);border:1px solid var(--more-border);box-sizing:border-box;max-height:calc(var(--vv-height,100dvh) - var(--mobile-nav-offset,78px) - env(safe-area-inset-top,0px) - 12px);overscroll-behavior:none;-webkit-overflow-scrolling:auto;scrollbar-width:none;touch-action:manipulation;border-bottom:none;border-radius:24px 24px 0 0;flex-direction:column;height:auto;padding:0 12px 10px;display:flex;position:fixed;overflow:hidden;box-shadow:0 -10px 32px #171c2e1f,0 -2px 8px #8c64200f}.mobile-more-sheet::-webkit-scrollbar{width:0;height:0;display:none}.mobile-more-sheet-header{flex:none;justify-content:space-between;align-items:center;gap:8px;margin:4px 0 8px;padding:0 2px;display:flex}.mobile-more-sheet-title{letter-spacing:.04em;text-transform:uppercase;color:var(--more-ink);margin:0;padding:0;font-size:18px;font-weight:800;line-height:1.2}.mobile-more-sheet-close{border:1px solid var(--more-border);background:var(--more-gold-light);width:36px;height:36px;color:var(--more-gold-dark);cursor:pointer;box-shadow:none;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.mobile-more-sheet-close svg{stroke:currentColor;fill:none;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.mobile-more-sheet-close:focus-visible{outline:2px solid var(--more-gold);outline-offset:2px}.mobile-more-list{flex:0 auto;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px 6px;margin:0;padding:0;list-style:none;display:grid;overflow:visible}.mobile-more-list>li{min-width:0;min-height:0}.mobile-more-link{border:1px solid var(--more-border);width:100%;height:clamp(88px,15.5dvh,112px);min-height:0;color:var(--more-ink);text-align:center;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:10px 6px 8px;font-size:11.5px;font-weight:650;line-height:1.25;text-decoration:none;display:flex;box-shadow:0 1px 2px #171c2e0a}button.mobile-more-link{font:inherit;cursor:pointer;appearance:none}.mobile-more-icon{background:var(--more-gold-light);border:1px solid color-mix(in srgb, var(--more-gold) 45%, var(--more-border));width:48px;height:48px;color:var(--more-gold-dark);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.mobile-more-icon svg,.mobile-more-link svg{stroke:currentColor;fill:none;stroke-width:1.85px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:24px;height:24px}.mobile-more-label{-webkit-line-clamp:2;line-clamp:2;min-width:0;max-width:100%;color:var(--more-ink);word-break:break-word;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mobile-more-link.active,.mobile-more-link.active:visited{background:var(--more-gold-light);border-color:color-mix(in srgb, var(--more-gold) 55%, var(--more-border));color:var(--more-ink);box-shadow:0 0 0 1px color-mix(in srgb, var(--more-gold) 35%, transparent), 0 2px 8px #8c64201f}.mobile-more-link.active .mobile-more-icon{background:color-mix(in srgb, var(--more-gold-soft) 70%, #fff);border-color:var(--more-gold);color:var(--more-gold-dark)}.mobile-more-link:focus-visible{outline:2px solid var(--more-gold);outline-offset:1px}.mobile-more-link:active{transform:scale(.98)}body.mobile-more-open{overflow:hidden}body.mobile-more-open .mobile-bottom-nav{z-index:1003}@media (width<=374px){.mobile-more-sheet{padding:0 8px 8px}.mobile-more-sheet-title{font-size:16px}.mobile-more-list{gap:6px 4px}.mobile-more-link{border-radius:14px;gap:6px;height:clamp(84px,14.5dvh,100px);padding:10px 4px 8px;font-size:10.5px}.mobile-more-icon{width:44px;height:44px}.mobile-more-icon svg,.mobile-more-link svg{width:22px;height:22px}}@media (height<=700px) and (width<=768px){.mobile-more-sheet-header{margin:2px 0 6px}.mobile-more-list{gap:6px 5px}.mobile-more-link{gap:6px;height:clamp(82px,14dvh,96px);padding:8px 4px}.mobile-more-icon{width:44px;height:44px}.mobile-more-icon svg,.mobile-more-link svg{width:22px;height:22px}}@media (height<=620px) and (width<=768px){.mobile-more-sheet-title{font-size:15px}.mobile-more-sheet-close{width:32px;height:32px}.mobile-more-link{height:clamp(78px,13dvh,88px);padding:6px 3px;font-size:10px}.mobile-more-icon{width:40px;height:40px}.mobile-more-icon svg,.mobile-more-link svg{width:20px;height:20px}}.home-page-fill .home-main{box-sizing:border-box;max-width:100%;height:auto;min-height:0;padding:12px 14px 16px;overflow:hidden visible}.home-page-fill .home-dashboard-wrapper{gap:12px;min-width:0;max-width:100%;height:auto;overflow:hidden visible}.home-page-fill,.home-page-fill .home-main{min-width:0;max-width:100%;overflow-x:hidden}.home-ref-dash.home-dash.home-ref-dash-4,.home-dash{grid-template-columns:minmax(0,1fr);gap:12px;width:100%;min-width:0;max-width:100%;height:auto}.home-ref-dash.home-dash.home-ref-dash-4>.home-dash-card{min-width:0;max-width:100%;height:auto}.home-ref-dash .home-ref-card,.home-dash-card{gap:10px;min-width:0;max-width:100%;padding:12px 14px}.home-ref-dash .home-ref-card-head,.home-ref-card-head{flex-shrink:1;min-width:0;max-width:100%}.home-ref-card-title,.home-ref-metric-label,.home-ref-metric-sub,.home-ref-kicker{overflow-wrap:anywhere;word-break:break-word;white-space:normal;min-width:0;max-width:100%}.home-ref-card-title{flex:auto}.home-ref-metric{min-height:44px;padding:10px 12px}.home-ref-metric-value{font-size:20px}.home-ref-kicker{font-size:11px}.home-ref-metrics-grid-4,.home-ref-metrics-grid-2{gap:10px}.debugging-page:not(.alert-stock-page).dashboard-viewport-page,.debugging-page:not(.alert-stock-page) .debugging-main.dashboard-viewport-main{height:auto;overflow:visible}.debugging-page:not(.alert-stock-page) .debugging-form-card{flex:none;max-height:none}.debugging-page:not(.alert-stock-page) .debugging-log-card{flex:none;min-height:0}.debugging-page:not(.alert-stock-page) .debugging-log-heading{flex-direction:column;align-items:stretch}.debugging-page:not(.alert-stock-page) .debugging-log-heading .export-button,.debugging-page:not(.alert-stock-page) .dashboard-viewport-controls .save-button{width:100%}.debugging-modal-form{grid-template-columns:minmax(0,1fr)}.debugging-page .debugging-layout{flex-direction:column;gap:12px;display:flex}.debugging-log-table,.alert-stock-page .alert-log-table,.bom-table-container{flex:none;height:auto;min-height:0;max-height:none;overflow:hidden visible}.mobile-card-table thead,.bom-table-container .alert-table thead{display:none}.mobile-card-table,.mobile-card-table tbody,.mobile-card-table tr,.mobile-card-table th,.mobile-card-table td,.bom-table-container .alert-table,.bom-table-container .alert-table tbody,.bom-table-container .alert-table tr,.bom-table-container .alert-table th,.bom-table-container .alert-table td{box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:block}.mobile-card-table,.bom-table-container .alert-table{table-layout:auto;min-width:0}.mobile-card-table tbody,.bom-table-container .alert-table tbody{flex-direction:column;gap:12px;display:flex}.mobile-card-table tr,.bom-table-container .alert-table tr{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;padding:4px 0}.mobile-card-table td,.bom-table-container .alert-table td{text-align:left;white-space:normal;word-break:break-word;overflow-wrap:anywhere;border-bottom:none;padding:8px 14px}.mobile-card-table td:before,.bom-table-container .alert-table td:before{content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.mobile-card-table .num-cell,.bom-table-container .alert-table .num-cell{text-align:left}.field-input,.select-input,.textarea-input,.stock-combobox-input,.stock-qty-input{min-height:44px;font-size:16px}.field{margin-bottom:14px}.save-button,.secondary-button,.cancel-button,.export-button,.delete-button,.login-button,.stock-submit-button,.debugging-submit,.radio-option{min-height:44px}.stock-type-toggle{grid-template-columns:1fr;gap:10px}.modal-overlay,.modal-overlay.sale-new-overlay,.modal-overlay.shopping-shop-overlay,.modal-overlay.bulk-import-overlay,.modal-overlay.settings-audit-modal-overlay,.modal-overlay.material-image-preview-overlay{z-index:2;width:100%;height:var(--vv-height,100dvh);max-height:var(--vv-height,100dvh);pointer-events:auto;justify-content:stretch;align-items:flex-end;padding:0;position:fixed;inset:0;overflow:hidden}.modal-overlay:has(.ready-product-modal){z-index:2;width:100%;height:var(--vv-height,100dvh);max-height:var(--vv-height,100dvh);pointer-events:auto;justify-content:stretch;align-items:flex-end;padding:0;position:fixed;inset:0;overflow:hidden}.modal-overlay:has(.sale-new-modal){z-index:2;width:100%;height:var(--vv-height,100dvh);max-height:var(--vv-height,100dvh);pointer-events:auto;justify-content:stretch;align-items:flex-end;padding:0;position:fixed;inset:0;overflow:hidden}.modal-overlay:has(.sale-view-more-modal){z-index:2;width:100%;height:var(--vv-height,100dvh);max-height:var(--vv-height,100dvh);pointer-events:auto;justify-content:stretch;align-items:flex-end;padding:0;position:fixed;inset:0;overflow:hidden}.modal,.modal-card,.sale-new-modal.modal,.modal.ready-product-modal,.modal.sale-new-modal,.sale-view-more-modal.modal,.modal.shopping-shop-modal.shopping-shop-workspace,.modal.shopping-create-modal,.modal.stock-entry-modal,.modal.stock-image-modal,.modal.stock-history-modal{min-width:0;max-height:var(--mobile-sheet-max);box-sizing:border-box;border-radius:16px 16px 0 0;flex-direction:column;min-height:0;margin:0;display:flex;overflow:hidden;width:100%!important;max-width:100%!important}.modal.ready-product-modal:has(.ready-create-form.is-gateway){min-width:0;max-height:var(--mobile-sheet-max);box-sizing:border-box;border-radius:16px 16px 0 0;flex-direction:column;min-height:0;margin:0;display:flex;overflow:hidden;width:100%!important;max-width:100%!important}.modal-card{padding:20px 16px calc(16px + env(safe-area-inset-bottom,0px))}.modal.stock-entry-modal,.modal.stock-image-modal,.modal.stock-history-modal,.modal.shopping-shop-modal.shopping-shop-workspace,.modal.shopping-create-modal,.modal.ready-product-modal,.modal.sale-new-modal,.sale-view-more-modal.modal,.modal.settings-audit-modal,.modal.debugging-log-modal,.modal.bulk-import-modal,.modal.bom-add-material-modal,.modal.alert-threshold-modal,.modal.ready-classify-modal,.product-page .modal{height:var(--mobile-sheet-max);max-height:var(--mobile-sheet-max)}.modal.ready-product-modal:has(.ready-create-form.is-gateway){height:var(--mobile-sheet-max);max-height:var(--mobile-sheet-max)}.modal>form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.modal-header{z-index:1;padding:12px 14px;padding-top:max(12px, env(safe-area-inset-top,0px));background:var(--bg-card);flex:none;position:sticky;top:0}.modal-title{font-size:16px;line-height:1.3}.modal-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;min-height:0;overflow:hidden auto}.modal-close{width:44px;min-width:44px;height:44px;min-height:44px}.modal-footer,.sale-form-actions{z-index:1;background:var(--bg-card);padding-bottom:max(12px, env(safe-area-inset-bottom,0px));flex-direction:column;flex:none;align-items:stretch;gap:10px;position:sticky;bottom:0}.modal-actions{padding-bottom:max(12px, env(safe-area-inset-bottom,0px));flex-direction:column;flex:none;align-items:stretch;gap:10px}.modal-footer .save-button,.modal-footer .secondary-button,.modal-footer .cancel-button,.modal-footer .export-button,.modal-footer .delete-button,.modal-actions .modal-cancel,.modal-actions .modal-confirm,.sale-form-actions .save-button,.sale-form-actions .secondary-button{width:100%;min-height:44px}.sale-new-grid{grid-template-columns:1fr}.sale-new-pane-left{border-right:none;border-bottom:1px solid var(--border);padding-bottom:12px;padding-right:0}.sale-new-pane-right{padding-top:12px;padding-left:0}.modal.sale-new-modal .modal-body.sale-new-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:12px 14px;overflow:hidden auto}.modal.sale-new-modal .modal-footer.sale-new-footer{background:var(--bg-card);border-top:1px solid var(--border);padding:12px 14px max(12px, env(safe-area-inset-bottom,0px));flex:none}.sale-new-modal .field-input,.sale-new-modal .select-input,.sale-new-modal .sale-new-textarea{box-sizing:border-box;width:100%;max-width:100%}.sale-view-more-list{grid-template-columns:minmax(0,1fr)}.product-page .product-mgmt-layout{grid-template-columns:1fr;gap:12px}.product-page .product-main{height:auto;padding:14px 0;overflow:visible}.product-page.dashboard-viewport-page{height:auto;overflow:visible}.product-page .product-list{max-height:none!important;overflow-y:visible!important}.product-page .product-actions-row,.product-page .bom-form-actions{margin-bottom:8px}.product-page.product-app .product-app-main{padding-bottom:calc(var(--mobile-shell-pad-bottom) + 2.75rem);box-sizing:border-box}.product-page.product-app .product-app-header{flex-flow:column;flex:none;justify-content:flex-start;align-items:stretch;gap:12px;height:auto;min-height:0}.product-page.product-app .product-app-header-copy{flex:none;width:100%;min-width:0;height:auto;min-height:0}.product-page.product-app .product-app-header-copy h1,.product-page.product-app .product-app-header-copy .alert-title{margin:0}.product-page.product-app .product-app-header-copy p,.product-page.product-app .product-app-header-copy .home-dashboard-subtitle{margin:4px 0 0}.product-page.product-app .product-app-add-button{flex:none;width:100%;margin:0}.product-page.product-app .product-app-board{padding-bottom:calc(var(--mobile-shell-pad-bottom) + .5rem);box-sizing:border-box}.product-page.product-app .product-app-card{scroll-margin-bottom:var(--mobile-shell-pad-bottom)}.product-page.product-app .product-app-card-body{box-sizing:border-box;min-width:0;max-width:100%;overflow:visible}.product-page.product-app .product-app-card-actions,.product-page.product-app .product-app-card-actions.product-card-actions{box-sizing:border-box;flex-wrap:nowrap;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:column;justify-content:stretch;align-items:stretch;gap:6px;width:100%;min-width:0;max-width:100%;display:grid}.product-page.product-app .product-app-card-actions .edit-button,.product-page.product-app .product-app-card-actions .delete-button,.product-page.product-app .product-app-card-actions .product-app-bom-button{box-sizing:border-box;flex:none;align-self:stretch;gap:3px;width:100%;min-width:0;max-width:100%;height:40px;min-height:40px;padding:0 4px;font-size:11px;display:inline-flex;position:static;inset:auto;transform:none}.product-page.product-app .product-app-card-actions .edit-button svg,.product-page.product-app .product-app-card-actions .delete-button svg,.product-page.product-app .product-app-card-actions .product-app-bom-button svg{width:12px;height:12px}.alert-stock-page,.alert-stock-page .dashboard-viewport-main,.alert-stock-page .alert-stock-table-card{max-width:100%;overflow-x:hidden;min-width:0!important}.alert-stock-page .alert-log-table{width:100%;max-width:100%;flex:none!important;min-height:0!important;max-height:none!important;overflow:hidden visible!important}.alert-stock-page .debugging-log-toolbar.log-toolbar,.alert-stock-page .alert-stock-toolbar.log-toolbar{flex-flow:column;align-items:stretch;gap:10px;display:flex!important}.alert-stock-page .debugging-log-toolbar .alert-search-input,.alert-stock-page .debugging-log-toolbar .log-filter,.alert-stock-page .debugging-log-toolbar .select-input,.alert-stock-page .alert-stock-toolbar .alert-search-input,.alert-stock-page .alert-stock-toolbar .log-filter,.alert-stock-page .alert-stock-toolbar .select-input{box-sizing:border-box;min-height:44px;width:100%!important;min-width:0!important;max-width:100%!important}.alert-stock-page .alert-log-table .debugging-table{max-width:100%;display:block;table-layout:auto!important;width:100%!important;min-width:0!important}.alert-stock-page .alert-log-table thead{display:none}.alert-stock-page .alert-log-table .debugging-table tbody{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.alert-stock-page .alert-log-table .debugging-table tr.alert-stock-mobile-card{border:1px solid var(--border);background:var(--bg-card);box-sizing:border-box;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,auto);grid-template-areas:"alert-date alert-date alert-status""alert-material alert-material alert-material""alert-required alert-stock alert-threshold";gap:6px 10px;width:100%;min-width:0;max-width:100%;padding:12px 14px;display:grid}.alert-stock-page .alert-log-table .debugging-table tr.alert-stock-mobile-card td{border-bottom:none;width:auto;max-width:100%;padding:0;display:block;white-space:normal!important;min-width:0!important}.alert-stock-page .alert-log-table .debugging-table td:before{content:none;display:none}.alert-stock-page .alert-log-table .debugging-table td.alert-mobile-cell-required:before,.alert-stock-page .alert-log-table .debugging-table td.alert-mobile-cell-stock:before,.alert-stock-page .alert-log-table .debugging-table td.alert-mobile-cell-threshold:before{content:attr(data-label);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;font-size:10px;font-weight:700;display:block}.alert-stock-page .alert-log-table .alert-mobile-cell-date{color:var(--text-muted);word-break:break-word;grid-area:alert-date;font-size:12px;line-height:1.35}.alert-stock-page .alert-log-table .alert-mobile-cell-material{color:var(--text-primary,var(--text));word-break:break-word;overflow-wrap:anywhere;grid-area:alert-material;font-size:14px;font-weight:600;line-height:1.35}.alert-stock-page .alert-log-table .alert-mobile-cell-status{grid-area:alert-status;place-self:start end}.alert-stock-page .alert-log-table .alert-mobile-cell-status .status-badge{white-space:nowrap;font-size:11px}.alert-stock-page .alert-log-table .alert-mobile-cell-required{grid-area:alert-required;font-size:13px;font-weight:600;line-height:1.3}.alert-stock-page .alert-log-table .alert-mobile-cell-stock{grid-area:alert-stock;font-size:13px;font-weight:600;line-height:1.3}.alert-stock-page .alert-log-table .alert-mobile-cell-threshold{grid-area:alert-threshold;font-size:13px;font-weight:600;line-height:1.3}.debugging-page:not(.alert-stock-page) .debugging-log-table{width:100%;max-width:100%;overflow:hidden visible}.debugging-page:not(.alert-stock-page) .debugging-log-toolbar.log-toolbar{flex-direction:column;align-items:stretch;gap:10px}.debugging-page:not(.alert-stock-page) .debugging-log-toolbar .log-filter,.debugging-page:not(.alert-stock-page) .debugging-log-toolbar .export-button{width:100%;min-height:44px}.debugging-page:not(.alert-stock-page) .debugging-log-table .debugging-table{width:100%;min-width:0;max-width:100%;display:block}.debugging-page:not(.alert-stock-page) .debugging-log-table thead{display:none}.debugging-page:not(.alert-stock-page) .debugging-log-table .debugging-table tbody{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.debugging-page:not(.alert-stock-page) .debugging-log-table .debugging-table tr.debugging-log-mobile-card{border:1px solid var(--border);background:var(--bg-card);box-sizing:border-box;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"dbg-date dbg-date""dbg-product dbg-product""dbg-material dbg-material""dbg-qty dbg-remaining""dbg-reason dbg-reason";gap:6px 10px;width:100%;min-width:0;max-width:100%;padding:12px 14px;display:grid}.debugging-page:not(.alert-stock-page) .debugging-log-table .debugging-table tr.debugging-log-mobile-card td{white-space:normal;text-align:left;border-bottom:none;width:auto;min-width:0;max-width:100%;padding:0}.debugging-page:not(.alert-stock-page) .debugging-log-table .debugging-table td:before{content:none;display:none}.debugging-page:not(.alert-stock-page) .debugging-log-table .debugging-table td.debugging-mobile-cell-qty:before,.debugging-page:not(.alert-stock-page) .debugging-log-table .debugging-table td.debugging-mobile-cell-remaining:before,.debugging-page:not(.alert-stock-page) .debugging-log-table .debugging-table td.debugging-mobile-cell-reason:before{content:attr(data-label);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;font-size:10px;font-weight:700;display:block}.debugging-page:not(.alert-stock-page) .debugging-mobile-cell-date{color:var(--text-muted);word-break:break-word;grid-area:dbg-date;font-size:12px;line-height:1.35}.debugging-page:not(.alert-stock-page) .debugging-mobile-cell-product{color:var(--text-primary,var(--text));word-break:break-word;overflow-wrap:anywhere;grid-area:dbg-product;font-size:14px;font-weight:600;line-height:1.35}.debugging-page:not(.alert-stock-page) .debugging-mobile-cell-material{color:var(--text-secondary,var(--text-muted));word-break:break-word;overflow-wrap:anywhere;grid-area:dbg-material;font-size:13px;line-height:1.35}.debugging-page:not(.alert-stock-page) .debugging-mobile-muted-label{color:var(--text-muted);font-weight:600;display:inline}.debugging-page:not(.alert-stock-page) .debugging-mobile-cell-qty{grid-area:dbg-qty;font-size:13px;font-weight:600;line-height:1.3}.debugging-page:not(.alert-stock-page) .debugging-mobile-cell-remaining{grid-area:dbg-remaining;font-size:13px;font-weight:600;line-height:1.3}.debugging-page:not(.alert-stock-page) .debugging-mobile-cell-reason{color:var(--text-secondary,var(--text-muted));word-break:break-word;overflow-wrap:anywhere;grid-area:dbg-reason;font-size:13px;line-height:1.35}.dashboard-viewport-page:has(.ready-product-table) .dashboard-table-container{width:100%;max-width:100%;overflow-x:hidden}.ready-product-table{max-width:100%;display:block;table-layout:auto!important;width:100%!important;min-width:0!important}.ready-product-table thead{display:none}.ready-product-table tbody{flex-direction:column;gap:12px;width:100%;min-width:0;display:flex}.ready-product-table tr.ready-product-mobile-card{border:1px solid var(--border);background:var(--bg-card);box-sizing:border-box;border-radius:16px;grid-template-columns:minmax(0,1fr);grid-template-areas:"rp-product""rp-id""rp-date""rp-actions";gap:0;width:100%;min-width:0;max-width:100%;padding:0;display:grid;overflow:hidden}.ready-product-table tr.ready-product-mobile-card td{text-align:left;white-space:normal;border-bottom:none;width:auto;min-width:0;max-width:100%;padding:0}.ready-product-table tr.ready-product-mobile-card td.ready-mobile-cell-id,.ready-product-table tr.ready-product-mobile-card td.ready-mobile-cell-date,.ready-product-table tr.ready-product-mobile-card td.ready-mobile-cell-actions{border-top:1px solid var(--border);box-sizing:border-box;padding:12px 16px}.ready-product-table td:before{content:none;display:none}.ready-mobile-cell-sno{display:none}.ready-mobile-cell-product{grid-area:rp-product}.ready-product-cell{flex-direction:column;align-items:stretch;gap:0;min-width:0;display:flex}.ready-product-cell .product-name-with-image{flex:auto;min-width:0}.ready-mobile-product-name{min-width:0;color:var(--text-primary,var(--text));word-break:break-word;overflow-wrap:anywhere;flex:auto;font-size:18px;font-weight:800;line-height:1.25}.ready-mobile-card-sold{align-self:flex-start;font-size:11px;display:inline-flex}.ready-mobile-desktop-sold,.ready-mobile-cell-type{display:none}.ready-product-table .ready-type-stack{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ready-product-table .ready-badge{white-space:normal;text-align:left;font-size:11px}.ready-mobile-cell-id{color:var(--text-secondary,var(--text-muted));word-break:break-word;overflow-wrap:anywhere;border-top:1px solid var(--border);box-sizing:border-box;grid-area:rp-id;padding:12px 16px;font-size:15px;line-height:1.35}.ready-mobile-cell-id .ready-mode-help{margin-top:4px;font-size:12px}.ready-mobile-cell-date{color:var(--text);word-break:break-word;border-top:1px solid var(--border);box-sizing:border-box;grid-area:rp-date;padding:12px 16px;font-size:15px;line-height:1.35}.ready-mobile-cell-note{display:none}.ready-mobile-cell-actions{border-top:1px solid var(--border);box-sizing:border-box;grid-area:rp-actions;margin-top:0;padding:12px 16px 14px}.ready-mobile-cell-actions .ready-sold-badge.ready-mobile-desktop-sold{display:none}.ready-mobile-cell-actions .ready-row-actions{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:8px;width:100%;min-width:0;display:grid!important}.ready-mobile-cell-actions .ready-classify-button{grid-column:1/-1}.ready-classify-panel{border-radius:12px;margin-bottom:12px;padding:12px 14px}.ready-classify-counts{flex-direction:column;align-items:flex-start;gap:6px;font-size:12px}.ready-classify-item{flex-direction:column;align-items:stretch;gap:8px;padding:10px 0}.ready-classify-meta{flex-wrap:wrap;gap:6px}.ready-classify-item .edit-button{width:100%;min-height:44px}.modal.ready-product-modal{flex-direction:column;display:flex}.modal.ready-product-modal form{flex-direction:column;flex:auto;min-height:0;display:flex}.modal.ready-product-modal .modal-body{padding:12px 14px 8px}.modal.ready-product-modal .modal-footer{z-index:1;background:var(--bg-card);border-top:1px solid var(--border);padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));margin-top:auto;position:sticky;bottom:0}.ready-create-form.is-gateway{grid-template-columns:1fr!important;grid-template-areas:"left""right"!important;gap:12px!important}.ready-create-form .field-input,.ready-create-form .select-input,.ready-product-modal textarea.field-input{box-sizing:border-box;width:100%;max-width:100%;min-height:44px}.modal.ready-product-modal .ready-gateway-options,.modal.ready-product-modal .ready-production-options{flex-direction:column;gap:8px;width:100%;display:flex}.modal.ready-product-modal .ready-gateway-options .radio-option,.modal.ready-product-modal .ready-production-options .radio-option{box-sizing:border-box;border:1px solid var(--border);background:var(--bg-input);border-radius:10px;width:100%;min-height:44px;padding:10px 12px}.modal.ready-product-modal .ready-gateway-configuration{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-card) 92%, var(--accent) 8%);border-radius:12px;padding:12px}.modal.ready-product-modal .ready-refs-panel{gap:8px;padding:12px}.modal.ready-product-modal .ready-refs-entry-row{flex-direction:column;align-items:stretch;gap:8px}.modal.ready-product-modal .ready-refs-entry-row .field-input{width:100%;min-width:0}.modal.ready-product-modal .ready-refs-save-btn{width:100%;min-height:44px}.modal.ready-product-modal .ready-refs-chips{flex-wrap:wrap;gap:6px;max-width:100%;display:flex}.modal.ready-product-modal .ready-refs-chip{word-break:break-word;max-width:100%;padding:4px 8px;font-size:12px;line-height:1.3}.modal.ready-product-modal .ready-refs-preview{border-radius:10px;padding:10px 12px}.modal.ready-product-modal .ready-refs-preview-body{flex-direction:column;gap:4px;font-size:13px;line-height:1.35;display:flex}.modal.ready-product-modal .ready-refs-preview-refs{word-break:break-word;overflow-wrap:anywhere}.modal.ready-product-modal .ready-production-hint{margin:0;font-size:12px;line-height:1.35}.settings-viewport-page{height:auto;overflow:visible}.settings-grid{grid-template-columns:1fr}.dashboard-viewport-header-row,.debugging-page-header.dashboard-viewport-header-row{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:12px}.dashboard-viewport-controls,.debugging-log-toolbar.log-toolbar,.log-toolbar{flex-direction:column;align-items:stretch;gap:10px}.dashboard-viewport-controls .save-button,.dashboard-viewport-controls .export-button,.header-search-container,.header-search-container--fluid,.header-search-container .header-search-input,.log-filter,.alert-search-input,.select-input{box-sizing:border-box;width:100%;min-width:0!important;max-width:100%!important}.product-card-redesigned{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.app-shell-body>*,.app-shell-body .dashboard-viewport-page,.app-shell-body .dashboard-viewport-main,.app-shell-body .dashboard-viewport-panel,.app-shell-body .dashboard-table-container,.app-shell-body .alert-log-table,.app-shell-body .debugging-log-table,.app-shell-body .table-wrap,.app-shell-body .sale-history-table-wrap,.app-shell-body table{max-width:100%;min-width:0!important}.app-shell-body table{width:100%!important}.app-shell-body .log-toolbar,.app-shell-body .log-toolbar>*,.app-shell-body .alert-stock-toolbar,.app-shell-body .alert-stock-toolbar>*{box-sizing:border-box;max-width:100%;min-width:0!important}.app-shell-body td,.app-shell-body th,.alert-table td,.alert-table th,.debugging-table td,.debugging-table th,.ready-product-table td,.sale-history-table td,.mac-cell,.nowrap-cell{overflow-wrap:anywhere;word-break:break-word;white-space:normal!important;min-width:0!important;max-width:100%!important}.ready-row-actions{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;align-items:stretch;gap:8px;width:100%;max-width:100%;min-width:0!important;display:grid!important}.sale-history-table,.sale-history-table tbody,.sale-history-table tr,.sale-history-table td{box-sizing:border-box;width:100%;max-width:100%;display:block;min-width:0!important}.sale-history-table thead{display:none}.product-page.product-app .product-card-actions{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:column;justify-content:stretch;align-items:stretch;display:grid}.product-page.product-app .product-card-actions .edit-button,.product-page.product-app .product-card-actions .delete-button,.product-page.product-app .product-card-actions .product-app-bom-button{box-sizing:border-box;flex:none;width:100%;min-width:0;max-width:100%;min-height:40px}.pbm-summary-grid{grid-template-columns:1fr 1fr;gap:10px}.alert-stock-page .debugging-layout{flex-direction:column;gap:12px}.alert-stock-page.debugging-page .debugging-form-card,.alert-stock-page.debugging-page .debugging-log-card{flex:none;max-height:none}.header-search-container--fluid,.dashboard-viewport-controls .header-search-container,.log-filter--fluid,.log-toolbar .log-filter,.log-toolbar .select-input,.log-toolbar .alert-search-input{width:100%;min-width:0!important;max-width:100%!important}.search-clear-button{min-width:44px;min-height:44px}.pbm-toolbar--stack,.pbm-toolbar{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px;display:flex}.pbm-toolbar .export-button{width:100%}.product-list-row{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.product-list-row-main{align-items:flex-start}.product-image-field-body{grid-template-columns:minmax(0,1fr)}.product-image-preview-wrap{grid-row:auto;width:100%;max-width:160px;height:100px}.product-image-field .save-button,.product-image-field .secondary-button{min-height:44px}.product-list-row .product-card-actions{flex-direction:column;align-items:stretch;width:100%}.product-list-row .product-card-actions .edit-button,.product-list-row .product-card-actions .delete-button{width:100%;min-height:44px}.table-wrap--mobile-cards{overflow-x:hidden}.table-wrap--mobile-cards .bom-table thead{display:none}.table-wrap--mobile-cards .bom-table,.table-wrap--mobile-cards .bom-table tbody,.table-wrap--mobile-cards .bom-table tr,.table-wrap--mobile-cards .bom-table td{box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:block}.table-wrap--mobile-cards .bom-table tbody{flex-direction:column;gap:12px;display:flex}.table-wrap--mobile-cards .bom-table tr{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;padding:4px 0}.table-wrap--mobile-cards .bom-table td{text-align:left;white-space:normal;word-break:break-word;border-bottom:none;padding:8px 14px}.table-wrap--mobile-cards .bom-table td:before{content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.table-wrap--mobile-cards .bom-row-actions{flex-direction:column;align-items:stretch;gap:8px}.table-wrap--mobile-cards .bom-row-actions .edit-button,.table-wrap--mobile-cards .bom-row-actions .secondary-button,.table-wrap--mobile-cards .bom-row-actions .delete-button{width:100%;min-height:44px}.settings-audit-modal{width:100%;max-width:100%}.settings-audit-table-wrap{max-height:none;overflow-x:hidden}.ready-row-actions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px}.ready-row-actions .ready-note-button{order:1}.ready-row-actions .ready-edit-button{order:2}.ready-row-actions .remove-button{order:3}.ready-row-actions .ready-classify-button{order:4;grid-column:1/-1}.ready-row-actions .edit-button,.ready-row-actions .remove-button,.ready-row-actions .ready-note-button,.ready-row-actions .ready-classify-button,.ready-row-actions .delete-button,.ready-row-actions .ready-sold-badge{justify-content:center;width:100%;min-height:44px}.ready-action-cell{min-width:0}.sale-product-page .sale-action-cell{display:block}.sale-action-cell .edit-button,.sale-action-cell .delete-button,.sale-action-cell .secondary-button{width:100%;min-height:44px;margin-bottom:0}.modal-footer .save-button,.modal-footer .secondary-button,.modal-footer .cancel-button,.modal-footer .delete-button,.modal-footer .export-button{max-width:none;width:100%!important}.security-password-modal{width:100%;max-width:100%}.security-password-modal .field-input{font-size:16px}.login-password-toggle{min-width:44px;min-height:44px}.settings-appearance-row{grid-template-columns:1fr;gap:16px;display:grid}.settings-password-kind-grid{grid-template-columns:1fr;gap:10px}.settings-page .save-button,.settings-page .secondary-button,.settings-page .choose-logo-button{min-height:44px}.stock-page.stock-browse-page .stock-main-simple,.stock-main-simple{box-sizing:border-box;gap:16px;width:100%;max-width:100%;padding:12px 14px 8px}.stock-browse-page,.stock-material-board,.stock-material-grid{min-width:0;max-width:100%;overflow-x:hidden}.stock-browse-toolbar{box-sizing:border-box;min-width:0;max-width:100%;box-shadow:var(--shadow-card-subtle);border-radius:16px;grid-template-columns:minmax(0,1fr);grid-template-areas:"title""actions""search""product";align-items:stretch;gap:0;padding:14px;display:grid;overflow:visible}.stock-browse-toolbar .stock-browse-title{grid-area:auto/1/auto/-1;align-self:stretch;width:100%;min-width:0;max-width:100%;margin:0 0 12px;padding-bottom:0}.stock-browse-title h1{white-space:normal;font-size:20px;line-height:1.25;overflow:visible}.stock-browse-toolbar .stock-browse-actions{border-bottom:1px solid var(--border);grid-area:auto/1/auto/-1;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;justify-self:stretch;align-items:stretch;gap:10px;width:100%;min-width:0;max-width:100%;margin:0 0 14px;padding-bottom:14px;display:grid}.stock-browse-page .stock-browse-actions .export-button,.stock-browse-page .stock-browse-actions .stock-image-open,.stock-browse-page .stock-browse-actions .stock-history-open{box-sizing:border-box;white-space:normal;text-align:center;border-radius:10px;justify-content:center;align-self:stretch;align-items:center;width:100%;min-width:0;max-width:100%;height:auto;min-height:44px;padding:10px 8px;line-height:1.2;display:inline-flex}.stock-browse-page .stock-browse-actions .export-button svg{flex-shrink:0}.stock-browse-search-field,.stock-browse-product-field{grid-column:1/-1;width:100%;min-width:0;max-width:100%}.stock-browse-toolbar .stock-browse-search-field{grid-area:search;margin:0 0 14px}.stock-browse-toolbar .stock-browse-product-field{grid-area:product;margin:0}.stock-browse-toolbar .field-label{margin-bottom:8px;font-size:12px}.stock-browse-toolbar .stock-combobox-field,.stock-browse-toolbar .select-input{box-sizing:border-box;width:100%;max-width:100%;height:44px;min-height:44px}.stock-browse-toolbar .stock-combobox-input{height:42px;min-height:0;font-size:16px}.stock-material-board-header{flex-direction:column;align-items:stretch;gap:4px;margin-bottom:12px}.stock-material-board-header .stock-panel-title{font-size:16px}.stock-material-board.is-unselected .stock-material-grid{display:none}.stock-material-empty-state{text-align:center;background:var(--bg-card);border:1px dashed var(--border);box-sizing:border-box;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;max-width:100%;min-height:0;margin:0;padding:28px 16px;display:flex}.stock-material-empty-state-title{color:var(--text);margin:0;font-size:15px;font-weight:700;line-height:1.3}.stock-material-empty-state-copy{color:var(--text-muted);margin:0;font-size:13px;line-height:1.4}.stock-material-board .info-text.debugging-empty{text-align:center;margin:0;padding:20px 12px}.stock-material-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.stock-material-card{box-shadow:var(--shadow-card-subtle);border-radius:14px;padding:10px}.stock-material-card-media{aspect-ratio:4/3;min-height:0}.stock-material-card-body{gap:6px;padding:8px 2px 0}.stock-material-card-heading{align-items:flex-start;gap:6px}.stock-material-card-name{overflow-wrap:anywhere;word-break:break-word;flex:auto;min-width:0;font-size:13px;font-weight:700;line-height:1.3}.stock-material-card-heading .status-badge{flex:none;align-self:flex-start}.stock-material-card-stock{font-size:12px;font-weight:700}.shared-hero-clone{z-index:20;pointer-events:none;transform-origin:0 0;will-change:transform, width, height;background:var(--bg-card,#fff);border:0;border-radius:12px;margin:0;padding:0;transition:transform .34s cubic-bezier(.22,1,.36,1),width .34s cubic-bezier(.22,1,.36,1),height .34s cubic-bezier(.22,1,.36,1);position:fixed;top:0;left:0;overflow:hidden}.shared-hero-clone>img{object-fit:cover;width:100%;height:100%;display:block}.is-hero-dest-pending{opacity:0}.modal-overlay.shopping-shop-overlay{animation:.28s ease-out mobile-overlay-in}.modal-overlay:has(.stock-entry-modal){animation:.28s ease-out mobile-overlay-in}.modal-overlay:has(.stock-image-modal){animation:.28s ease-out mobile-overlay-in}.modal.stock-entry-modal .modal-body,.modal.stock-image-modal .modal-body,.modal.shopping-shop-modal.shopping-shop-workspace .modal-body{animation:.32s cubic-bezier(.22,1,.36,1) mobile-sheet-in}.is-shared-shop-content{animation:.24s ease-out 80ms both mobile-content-in}.modal-overlay.mobile-sheet-exit{animation:.22s ease-in forwards mobile-overlay-out}.modal-overlay.mobile-sheet-exit .modal{animation:.24s ease-in forwards mobile-sheet-out}@keyframes mobile-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes mobile-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes mobile-sheet-in{0%{opacity:.96;transform:translateY(24%)}to{opacity:1;transform:translateY(0)}}@keyframes mobile-sheet-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16%)}}@keyframes mobile-content-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal.stock-entry-modal,.modal.stock-image-modal{flex-direction:column;display:flex;overflow:hidden}.modal.stock-entry-modal .modal-header,.modal.stock-entry-modal .modal-footer,.modal.stock-image-modal .modal-header,.modal.stock-image-modal .modal-footer{flex-shrink:0}.modal.stock-entry-modal .modal-close,.modal.stock-image-modal .modal-close{width:44px;height:44px}.modal.stock-entry-modal .modal-footer,.modal.stock-image-modal .modal-footer{flex-wrap:wrap}.modal.stock-entry-modal .stock-reset-button,.modal.stock-entry-modal .stock-submit-button,.modal.stock-image-modal .secondary-button,.modal.stock-image-modal .save-button{justify-content:center;width:100%;min-height:44px}.stock-entry-modal-layout,.stock-image-modal-layout{grid-template-columns:minmax(0,1fr);gap:16px}.stock-entry-modal .stock-material-image-frame{max-width:100%}.stock-entry-modal .stock-material-detail-row{grid-template-columns:minmax(96px,32%) minmax(0,1fr)}@media (width<=380px){.stock-material-grid,.stock-browse-toolbar .stock-browse-actions{grid-template-columns:minmax(0,1fr)}}.stock-history-modal{box-sizing:border-box;flex-direction:column;min-width:0;display:flex;overflow:hidden}.stock-history-modal .modal-header{flex-shrink:0;padding:14px 16px}.stock-history-modal .modal-title{font-size:17px;line-height:1.25}.stock-history-modal .modal-close{flex-shrink:0;width:44px;height:44px}.stock-history-modal .stock-history-body{box-sizing:border-box;flex-direction:column;flex:auto;min-width:0;max-width:100%;min-height:0;padding:0 16px 12px;display:flex;overflow:hidden}.stock-history-modal .stock-history-toolbar{flex-shrink:0;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px;margin-bottom:10px;display:grid}.stock-history-modal .stock-history-toolbar .field{margin-bottom:0}.stock-history-modal .stock-history-toolbar .stock-combobox-field,.stock-history-modal .stock-history-product,.stock-history-modal .stock-history-material,.stock-history-modal .stock-history-type{flex:none;width:100%;min-width:0}.stock-history-modal .stock-history-table{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:auto;width:100%;min-width:0;max-width:100%;min-height:0;max-height:none;overflow:hidden auto}.stock-history-modal .stock-history-table.table-wrap{overflow-x:hidden}.stock-history-modal .stock-history-table .stock-table{table-layout:fixed;width:100%;min-width:0;max-width:100%}.stock-history-modal .modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);flex-shrink:0}.stock-history-modal .modal-footer .export-button,.stock-history-modal .modal-footer .secondary-button{justify-content:center;width:100%;min-height:44px}.stock-history-table .stock-table{border-collapse:collapse;box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:block;overflow-x:hidden}.stock-history-table .stock-table thead{display:none}.stock-history-table .stock-table tbody{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;min-width:0;max-width:100%;display:flex}.stock-history-table .stock-table tr.stock-history-row{border:1px solid var(--border);background:var(--bg-card);box-sizing:border-box;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"hist-date hist-type""hist-product hist-product""hist-material hist-material""hist-qty hist-prev""hist-balance hist-notes";gap:6px 10px;width:100%;min-width:0;max-width:100%;padding:10px 12px;display:grid}.stock-history-table .stock-table tr.stock-history-row td{box-sizing:border-box;border-bottom:none;width:auto;min-width:0;max-width:100%;padding:0}.stock-history-table .stock-table td:before{content:none;margin:0;display:none}.stock-history-table .stock-table td.stock-history-cell-qty:before,.stock-history-table .stock-table td.stock-history-cell-previous:before,.stock-history-table .stock-table td.stock-history-cell-balance:before,.stock-history-table .stock-table td.stock-history-cell-notes:before,.stock-history-table .stock-table td.stock-history-cell-product:before{content:attr(data-label);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;font-size:10px;font-weight:700;display:block}.stock-history-table .stock-table .stock-history-cell-date{color:var(--text-muted);white-space:normal;word-break:break-word;grid-area:hist-date;font-size:12px;line-height:1.35}.stock-history-table .stock-table .stock-history-cell-product{color:var(--text-secondary,var(--text-muted));word-break:break-word;overflow-wrap:anywhere;grid-area:hist-product;font-size:13px;line-height:1.35}.stock-history-table .stock-table .stock-history-cell-material{color:var(--text-primary,var(--text));word-break:break-word;overflow-wrap:anywhere;grid-area:hist-material;font-size:14px;font-weight:600;line-height:1.35}.stock-history-table .stock-history-material{align-items:center;gap:8px;display:flex}.stock-history-table .stock-table .stock-history-cell-type{grid-area:hist-type;place-self:start end}.stock-history-table .stock-table .stock-history-cell-type .status-badge{white-space:normal;text-align:center}.stock-history-table .stock-table .stock-history-cell-qty{color:var(--text);grid-area:hist-qty;font-size:13px;font-weight:600;line-height:1.3}.stock-history-table .stock-table .stock-history-cell-previous{color:var(--text);grid-area:hist-prev;font-size:13px;font-weight:600;line-height:1.3}.stock-history-table .stock-table .stock-history-cell-balance{color:var(--text);grid-area:hist-balance;font-size:13px;font-weight:600;line-height:1.3}.stock-history-table .stock-table .stock-history-cell-notes{color:var(--text-secondary,var(--text-muted));word-break:break-word;overflow-wrap:anywhere;grid-area:hist-notes;font-size:13px;line-height:1.35}.stock-history-table .stock-table .stock-history-cell-qty.num-cell,.stock-history-table .stock-table .stock-history-cell-previous.num-cell,.stock-history-table .stock-table .stock-history-cell-balance.num-cell{text-align:left}.dashboard-viewport-main{box-sizing:border-box;max-width:100%;padding:0 14px 16px;overflow-x:hidden}.dashboard-viewport-page,.dashboard-viewport-panel{min-width:0;max-width:100%;overflow-x:hidden}.dashboard-viewport-title-group,.dashboard-viewport-title-group .home-dashboard-subtitle{overflow-wrap:anywhere;min-width:0}.dashboard-table-container,.dashboard-table-container.sale-history-table-wrap,.sale-history-table-wrap{min-width:0;max-width:100%;overflow:hidden visible}.sale-product-page .sale-history-table tbody tr.sale-mobile-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important;display:grid!important}.sale-product-page .sale-history-table tbody tr.sale-mobile-card>td{width:auto!important;max-width:none!important}.sale-history-table .sale-row-actions{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;align-items:stretch;gap:8px;width:100%;display:grid!important}.sale-history-table .sale-row-actions .edit-button,.sale-history-table .sale-row-actions .remove-button,.sale-history-table .sale-row-actions .sale-view-more-button{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;margin-bottom:0}.sale-history-table th:nth-child(3),.sale-history-table td:nth-child(3),.sale-history-table th:nth-child(4),.sale-history-table td:nth-child(4),.sale-history-table th:nth-child(6),.sale-history-table td:nth-child(6),.sale-history-table .sale-action-cell{word-break:break-word;overflow-wrap:anywhere;white-space:normal!important}.dashboard-viewport-page .log-toolbar{flex-direction:column;align-items:stretch;gap:10px}.dashboard-viewport-page .log-toolbar .export-button,.dashboard-viewport-page .log-toolbar .log-filter,.dashboard-viewport-page .log-toolbar .log-filter--fluid{width:100%;min-width:0;max-width:100%}.dashboard-viewport-panel{min-width:0}.header-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.import-bulk-materials-button{width:100%;min-height:44px}.bom-form-actions{flex-direction:column;align-items:stretch;gap:10px}.bom-form-actions .save-button,.bom-form-actions .secondary-button{width:100%}.pbm-table-container.bom-table-container{background:0 0;border:none;margin-top:12px;overflow-x:hidden}.bom-table-container .pbm-material-table thead{display:none}.bom-table-container .pbm-material-table,.bom-table-container .pbm-material-table tbody{width:100%;min-width:0;display:block}.bom-table-container .pbm-material-table tbody{flex-direction:column;gap:10px;display:flex}.bom-table-container .pbm-material-table tr.pbm-material-row{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-card-subtle);box-sizing:border-box;border-radius:12px;grid-template-rows:auto auto auto;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px 8px;width:100%;max-width:100%;padding:12px 14px;display:grid}.bom-table-container .pbm-material-table td{text-align:left;border:none;min-width:0;padding:0;display:block}.bom-table-container .pbm-material-table td:before{content:none}.pbm-material-table .pbm-cell-serial{color:var(--text-muted);white-space:nowrap;grid-area:1/1;align-self:start;font-size:12px;font-weight:600}.pbm-material-table .pbm-cell-material{color:var(--text);word-break:break-word;overflow-wrap:anywhere;grid-area:1/2/auto/6;padding-right:6px;font-size:15px;font-weight:700;line-height:1.35}.pbm-material-table .pbm-cell-status{grid-area:1/6;place-self:start end}.pbm-material-table .pbm-cell-status .status-badge{white-space:nowrap;padding:4px 8px;font-size:11px;line-height:1.2}.pbm-material-table .pbm-cell-reference{border-bottom:1px solid var(--border);color:var(--text-secondary);word-break:break-word;overflow-wrap:anywhere;grid-area:2/1/auto/-1;margin-bottom:2px;padding-bottom:8px;font-size:13px;line-height:1.4}.pbm-material-table .pbm-cell-reference:empty{display:none}.pbm-material-table .pbm-cell-reference:before{content:"Reference";letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;font-size:10px;font-weight:600;display:block}.pbm-material-table .pbm-cell-required,.pbm-material-table .pbm-cell-stock,.pbm-material-table .pbm-cell-alert{text-align:center;color:var(--text);grid-row:3;font-size:15px;font-weight:700;line-height:1.2}.pbm-material-table .pbm-cell-required{grid-column:1/3}.pbm-material-table .pbm-cell-stock{grid-column:3/5}.pbm-material-table .pbm-cell-alert{grid-column:5/7}.pbm-material-table .pbm-cell-required:before{content:"Required";letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);margin-bottom:3px;font-size:10px;font-weight:600;display:block}.pbm-material-table .pbm-cell-stock:before{content:"Stock";letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);margin-bottom:3px;font-size:10px;font-weight:600;display:block}.pbm-material-table .pbm-cell-alert:before{content:"Alert";letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);margin-bottom:3px;font-size:10px;font-weight:600;display:block}.viewport-locked-panel .pbm-toolbar--stack,.viewport-locked-panel .pbm-summary-grid{margin-bottom:12px}.page-shell,.alert-main,.stock-main,.stock-main-simple,.product-main,.settings-main,.viewport-locked-main,.dashboard-viewport-main,.debugging-main,.home-main{box-sizing:border-box;margin-left:0;margin-right:0;padding-left:14px;padding-right:14px;width:100%!important;max-width:100%!important}.page-heading h1,.alert-title,.product-title-group h1,.dashboard-viewport-title-group h1,.dashboard-viewport-title-group .alert-title,.stock-browse-title h1{font-size:1.25rem;line-height:1.25}.home-dashboard-subtitle,.dashboard-viewport-title-group .home-dashboard-subtitle,.product-title-group p{margin-top:4px;font-size:13px}.shopping-material-page .dashboard-viewport-main{padding-bottom:8px}.shopping-material-header .home-dashboard-subtitle{display:none}.shopping-material-actions .save-button,.shopping-material-actions .secondary-button{height:36px;min-height:36px}.shopping-material-item{align-items:start}.shopping-material-item-toolbar .shopping-shop-button,.shopping-card-shop-button{min-height:36px}.modal-overlay.shopping-shop-overlay{align-items:flex-end;padding:0}.modal.shopping-shop-modal.shopping-shop-workspace{height:var(--mobile-sheet-max);max-height:var(--mobile-sheet-max);border-radius:16px 16px 0 0;width:100%!important;max-width:100%!important}.modal.shopping-shop-modal.shopping-shop-workspace .shopping-shop-workspace-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;overflow:hidden auto}.modal.shopping-shop-modal.shopping-shop-workspace .shopping-shop-grid{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;height:auto;min-height:min-content;max-height:none;display:grid;overflow:visible}.modal.shopping-shop-modal.shopping-shop-workspace .shopping-shop-panel,.modal.shopping-shop-modal.shopping-shop-workspace .shopping-shop-panel-websites,.modal.shopping-shop-modal.shopping-shop-workspace .shopping-shop-panel-material{flex:none;height:auto;min-height:auto;max-height:none;display:block;position:static;overflow:visible}.modal.shopping-shop-modal.shopping-shop-workspace .shopping-shop-panel-websites{border-bottom:0;border-right:0}.modal.shopping-shop-modal.shopping-shop-workspace .shopping-shop-websites-scroll,.modal.shopping-shop-modal.shopping-shop-workspace .shopping-shop-material-body{flex:none;height:auto;min-height:auto;max-height:none;overflow:visible}.modal.shopping-shop-modal.shopping-shop-workspace .shopping-shop-websites-footer{flex:none;margin-bottom:16px;position:static;inset:auto}.modal.shopping-shop-modal.shopping-shop-workspace .shopping-shop-add-website{z-index:auto;width:100%;min-height:48px;position:static;inset:auto}.shopping-create-body .field,.shopping-create-body .select-input,.shopping-create-body .field-input{width:100%;max-width:100%}.shopping-status-actions{flex-wrap:wrap;gap:8px;display:flex}.shopping-status-actions .shopping-note-button,.shopping-status-actions .shopping-shop-button{flex:140px;min-height:44px}.stock-browse-toolbar .stock-browse-actions{justify-content:stretch}.stock-browse-actions .export-button{min-height:44px}.product-page .product-main{padding:14px;padding-bottom:calc(var(--mobile-shell-pad-bottom) + 2.75rem)}.material-image-thumb-img,.product-image,.shopping-material-item-image,.shopping-status-material-image{object-fit:contain;max-width:100%}}@media (height<=500px) and (width<=1024px){:root{--mobile-nav-height:64px;--header-height:44px}.app-sidebar{display:none}.mobile-bottom-nav{height:calc(64px + env(safe-area-inset-bottom,0px));display:grid}.mobile-bottom-nav-item{gap:3px;max-height:64px;font-size:11px}.mobile-bottom-nav-fab{border-radius:16px;width:56px;height:56px;top:-24px}.mobile-bottom-nav-fab-face{font-size:26px}}@media (width<=480px){:root{--app-pad-x:12px;--mobile-nav-height:78px}.home-ref-metrics-grid-4,.pbm-summary-grid{grid-template-columns:1fr}.mobile-bottom-nav-item{padding:6px 1px;font-size:11px}.header-title{font-size:14px}.dashboard-viewport-title-group .alert-title{font-size:1.125rem}}@media (width<=360px){.mobile-bottom-nav-item{gap:4px;font-size:10px}.mobile-bottom-nav-item svg{width:20px;height:20px}.mobile-bottom-nav-fab{width:56px;height:56px;top:-26px}.mobile-bottom-nav-fab-face{font-size:26px}}@media (width>=769px) and (height>=501px){html:not(.app-is-mobile) .mobile-bottom-nav,html:not(.app-is-mobile) .mobile-more-backdrop,html:not(.app-is-mobile) .mobile-more-sheet,html:not(.app-is-mobile) .stock-material-empty-state,html:not(.app-is-mobile) .header-menu-button{display:none!important}}html.app-is-mobile .app-sidebar{display:none!important}html.app-is-mobile .mobile-bottom-nav{color:#6b6a66;background:#fff!important;border-top:1px solid #e7e1d6!important;display:grid!important}html.app-is-mobile .mobile-bottom-nav-item,html.app-is-mobile .mobile-bottom-nav-item:visited{color:#6b6a66!important;background:0 0!important}html.app-is-mobile .mobile-bottom-nav-item.active,html.app-is-mobile .mobile-bottom-nav-item.active:visited,html.app-is-mobile .mobile-bottom-nav-item.is-more-open{color:#9a6a16!important;background:0 0!important}html.app-is-mobile .mobile-bottom-nav-item svg,html.app-is-mobile .mobile-bottom-nav-item path{color:inherit!important;stroke:currentColor!important}html.app-is-mobile .mobile-bottom-nav-item.active svg,html.app-is-mobile .mobile-bottom-nav-item.active path,html.app-is-mobile .mobile-bottom-nav-item.is-more-open svg,html.app-is-mobile .mobile-bottom-nav-item.is-more-open path{color:#9a6a16!important;stroke:currentColor!important;fill:none!important}html.app-is-mobile .mobile-bottom-nav-item.is-more-open circle{fill:currentColor!important;stroke:none!important}html.app-is-mobile .mobile-more-backdrop{display:block!important}html.app-is-mobile .mobile-more-sheet{display:flex!important}@media (prefers-reduced-motion:reduce){.modal.stock-entry-modal,.modal.stock-image-modal,.modal.shopping-shop-modal.shopping-shop-workspace,.modal.stock-entry-modal .modal-body,.modal.stock-image-modal .modal-body,.modal.shopping-shop-modal.shopping-shop-workspace .modal-body,.modal-overlay.shopping-shop-overlay,.is-shared-shop-content,.modal-overlay.mobile-sheet-exit,.modal-overlay.mobile-sheet-exit .modal,.shared-hero-clone{transition:none!important;animation:none!important}.modal-overlay:has(.stock-entry-modal){transition:none!important;animation:none!important}.modal-overlay:has(.stock-image-modal){transition:none!important;animation:none!important}.shared-hero-clone{display:none!important}.is-hero-dest-pending{opacity:1}}@media (width<=768px),(height<=500px) and (width<=1024px){:root{--popup-radius:24px;--popup-card-radius:14px;--popup-input-radius:14px;--popup-btn-radius:14px;--popup-pad:16px;--popup-gap:12px;--popup-section:16px;--popup-btn-height:48px;--popup-title:21px;--popup-subtitle:14px;--popup-backdrop:#0f172a59;--popup-shadow:0 -8px 30px #0f172a2e;--popup-sheet-max:min(90dvh, calc(var(--vv-height,100dvh) - env(safe-area-inset-top,0px)));--popup-handle:#cbd5e1}.app-shell .modal-overlay,.app-shell .modal-overlay.sale-new-overlay,.app-shell .modal-overlay.shopping-shop-overlay,.app-shell .modal-overlay.bulk-import-overlay,.app-shell .modal-overlay.settings-audit-modal-overlay,.app-shell .modal-overlay.material-image-preview-overlay,.app-shell .modal-overlay.popup-type-select{background:var(--popup-backdrop);animation:.26s ease-out popup-overlay-in}.app-shell .modal-overlay:has(.ready-product-modal){background:var(--popup-backdrop);animation:.26s ease-out popup-overlay-in}.app-shell .modal-overlay:has(.sale-new-modal){background:var(--popup-backdrop);animation:.26s ease-out popup-overlay-in}.app-shell .modal-overlay:has(.sale-view-more-modal){background:var(--popup-backdrop);animation:.26s ease-out popup-overlay-in}.app-shell .modal-overlay,.app-shell .modal-overlay.sale-new-overlay,.app-shell .modal-overlay.shopping-shop-overlay,.app-shell .modal-overlay.bulk-import-overlay,.app-shell .modal-overlay.settings-audit-modal-overlay,.app-shell .modal-overlay.material-image-preview-overlay,.app-shell .modal-overlay.popup-type-select{justify-content:stretch;align-items:flex-end;padding:0;overflow:hidden}.app-shell .modal-overlay:has(.ready-product-modal){justify-content:stretch;align-items:flex-end;padding:0;overflow:hidden}.app-shell .modal-overlay:has(.sale-new-modal){justify-content:stretch;align-items:flex-end;padding:0;overflow:hidden}.app-shell .modal-overlay:has(.sale-view-more-modal){justify-content:stretch;align-items:flex-end;padding:0;overflow:hidden}.app-shell .modal-overlay .modal,.app-shell .modal-overlay .sale-new-modal.modal,.app-shell .modal.ready-product-modal,.app-shell .modal.sale-new-modal,.app-shell .sale-view-more-modal.modal,.app-shell .modal.shopping-shop-modal.shopping-shop-workspace,.app-shell .modal.shopping-create-modal,.app-shell .modal.stock-entry-modal,.app-shell .modal.stock-image-modal,.app-shell .modal.stock-history-modal,.app-shell .modal.popup-select-sheet,.app-shell .material-image-preview-dialog{min-width:0;height:auto;max-height:var(--popup-sheet-max);border-radius:var(--popup-radius) var(--popup-radius) 0 0;min-height:0;box-shadow:var(--popup-shadow);background:var(--bg-card,#fff);border:0;flex-direction:column;margin:0;animation:.28s cubic-bezier(.22,1,.36,1) popup-sheet-in;display:flex;overflow:hidden;width:100%!important;max-width:100%!important}.app-shell .modal.ready-product-modal:has(.ready-create-form.is-gateway){min-width:0;height:auto;max-height:var(--popup-sheet-max);border-radius:var(--popup-radius) var(--popup-radius) 0 0;min-height:0;box-shadow:var(--popup-shadow);background:var(--bg-card,#fff);border:0;flex-direction:column;margin:0;animation:.28s cubic-bezier(.22,1,.36,1) popup-sheet-in;display:flex;overflow:hidden;width:100%!important;max-width:100%!important}.app-shell .modal.stock-entry-modal,.app-shell .modal.stock-image-modal,.app-shell .modal.stock-history-modal,.app-shell .modal.shopping-shop-modal.shopping-shop-workspace,.app-shell .modal.shopping-create-modal,.app-shell .modal.ready-product-modal,.app-shell .modal.sale-new-modal,.app-shell .sale-view-more-modal.modal,.app-shell .modal.settings-audit-modal,.app-shell .modal.debugging-log-modal,.app-shell .modal.bulk-import-modal,.app-shell .modal.bom-add-material-modal,.app-shell .modal.alert-threshold-modal,.app-shell .modal.ready-classify-modal,.app-shell .product-page .modal,.app-shell .modal.popup-select-sheet{height:auto;max-height:var(--popup-sheet-max)}.app-shell .modal.ready-product-modal:has(.ready-create-form.is-gateway){height:auto;max-height:var(--popup-sheet-max)}.app-shell .mobile-more-backdrop{background:#171c2e47;animation:.26s ease-out popup-overlay-in}.app-shell .modal-overlay .modal:before,.app-shell .material-image-preview-dialog:before,.app-shell .mobile-more-sheet:before{content:"";background:var(--popup-handle);border-radius:999px;flex:none;width:36px;height:4px;margin:10px auto 0;display:block}.app-shell .mobile-more-sheet:before{background:#f2d594;width:40px;height:4px;margin:8px auto 0}.app-shell .modal-overlay.popup-type-security .modal:before,.app-shell .modal-overlay.popup-type-security .security-password-modal:before{content:none;display:none}.app-shell .modal-overlay:has(>.modal-card) .modal-card:before{content:none;display:none}.app-shell .modal-overlay .modal-header,.app-shell .modal-overlay .modal .modal-header{padding:8px var(--popup-pad) 14px;border-bottom:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:var(--bg-card,#fff);justify-content:space-between;align-items:flex-start;gap:12px;padding-top:8px;display:flex}.app-shell .modal-header-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.app-shell .modal-overlay .modal-title,.app-shell .modal-card .modal-title{font-size:var(--popup-title);letter-spacing:-.03em;color:var(--text-primary,var(--text));margin:0;font-weight:700;line-height:1.25}.app-shell .modal-subtitle{font-size:var(--popup-subtitle);color:var(--text-muted);margin:0;font-weight:500;line-height:1.4}.app-shell .modal-overlay .modal-close,.app-shell .material-image-preview-close{border-radius:12px;flex:none;width:40px;min-width:40px;height:40px;min-height:40px}.app-shell .modal-overlay .modal-body{padding:16px var(--popup-pad);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;min-height:0;overflow:hidden auto}.app-shell .modal-overlay .modal-footer,.app-shell .modal-overlay .modal-actions,.app-shell .sale-form-actions{padding:12px var(--popup-pad) calc(14px + env(safe-area-inset-bottom,0px));background:var(--bg-card,#fff);border-top:1px solid color-mix(in srgb, var(--border) 80%, transparent);grid-template-columns:1fr 1fr;gap:8px;display:grid}:is(.app-shell .modal-overlay .modal-footer:has(>:nth-child(3)),.app-shell .modal-overlay .modal-actions:has(>:nth-child(3))){grid-template-columns:1fr}.app-shell .modal-overlay .modal-footer .save-button,.app-shell .modal-overlay .modal-footer .secondary-button,.app-shell .modal-overlay .modal-footer .cancel-button,.app-shell .modal-overlay .modal-footer .export-button,.app-shell .modal-overlay .modal-footer .delete-button,.app-shell .modal-overlay .modal-footer .login-button,.app-shell .modal-overlay .modal-actions .modal-cancel,.app-shell .modal-overlay .modal-actions .modal-confirm,.app-shell .sale-form-actions .save-button,.app-shell .sale-form-actions .secondary-button{width:100%;min-height:var(--popup-btn-height);height:var(--popup-btn-height);border-radius:var(--popup-btn-radius);padding:0 12px;font-size:15px;font-weight:600}.app-shell .modal-overlay .field-input,.app-shell .modal-overlay .select-input,.app-shell .modal-overlay textarea.field-input,.app-shell .modal-overlay .sale-new-textarea,.app-shell .security-password-modal .field-input{border-radius:var(--popup-input-radius);box-sizing:border-box;height:48px;min-height:48px;font-size:16px}.app-shell .modal-overlay textarea.field-input,.app-shell .modal-overlay .sale-new-textarea{height:auto;min-height:96px}.app-shell .modal-overlay .field{margin-bottom:12px}.app-shell .modal-overlay .field-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.app-shell .popup-select-sheet-body{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:10px;display:flex}.app-shell .popup-choice-card,.app-shell .modal-overlay .radio-option{text-align:left;border:1px solid var(--border);border-radius:var(--popup-card-radius);background:var(--bg-card,#fff);width:100%;min-width:0;min-height:56px;color:var(--text-primary,var(--text));box-sizing:border-box;align-items:center;gap:12px;padding:12px 14px;display:flex}:is(.app-shell .popup-choice-card.is-selected,.app-shell .modal-overlay .radio-option:has(input:checked)){border-color:color-mix(in srgb, var(--accent,#820d7e) 55%, var(--border));background:color-mix(in srgb, var(--accent,#820d7e) 10%, #fff)}.app-shell .popup-choice-media{background:color-mix(in srgb, var(--bg-input,#f8fafc) 88%, #fff);border-radius:12px;flex:0 0 48px;width:48px;height:48px;overflow:hidden}.app-shell .popup-choice-media .product-image-thumb,.app-shell .popup-choice-media .product-image-thumb-img{object-fit:contain;width:100%;height:100%}.app-shell .popup-choice-copy{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.app-shell .popup-choice-copy strong{overflow-wrap:anywhere;word-break:break-word;font-size:15px;font-weight:700;line-height:1.3}.app-shell .popup-choice-copy span{color:var(--text-muted);overflow-wrap:anywhere;font-size:13px}.app-shell .popup-choice-radio{border:2px solid #cbd5e1;border-radius:999px;flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.app-shell .popup-choice-radio.is-checked{border-color:var(--accent,#820d7e);background:var(--accent,#820d7e);color:#fff}.app-shell .popup-choice-radio svg{width:14px;height:14px}.app-shell .modal-overlay.popup-type-security{justify-content:center;align-items:center;padding:16px}.app-shell .modal-overlay:has(>.security-password-modal){justify-content:center;align-items:center;padding:16px}.app-shell .modal-overlay.popup-type-security .security-password-modal{max-height:min(85dvh, var(--popup-sheet-max));border-radius:var(--popup-radius);margin:0 auto;animation:.24s ease-out popup-dialog-in;box-shadow:0 16px 40px #0f172a33;width:min(400px,100% - 8px)!important;max-width:400px!important}.app-shell .modal-overlay:has(>.security-password-modal) .security-password-modal{max-height:min(85dvh, var(--popup-sheet-max));border-radius:var(--popup-radius);margin:0 auto;animation:.24s ease-out popup-dialog-in;box-shadow:0 16px 40px #0f172a33;width:min(400px,100% - 8px)!important;max-width:400px!important}.app-shell .modal-overlay:has(>.modal-card){justify-content:center;align-items:center;padding:16px}.app-shell .modal-overlay>.modal-card{width:min(400px,100% - 8px);max-width:400px;padding:20px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:var(--popup-radius);margin:0 auto;animation:.24s ease-out popup-dialog-in;box-shadow:0 16px 40px #0f172a33}.app-shell .modal-overlay>.modal-card .modal-title{margin-bottom:8px}.app-shell .modal-overlay>.modal-card .modal-message{margin:0 0 20px;font-size:14px;line-height:1.45}.app-shell .modal-overlay>.modal-card .modal-actions{border:0;grid-template-columns:1fr 1fr;padding:0;display:grid}.app-shell .modal-overlay>.modal-card .modal-confirm{color:#fff;background:#b91c1c;border-color:#b91c1c}.app-shell .modal-overlay.material-image-preview-overlay{background:#0f172a8c;align-items:flex-end}.app-shell .material-image-preview-dialog{padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px));background:#0f172a;position:relative}.app-shell .material-image-preview-dialog .material-image-preview-img,.app-shell .stock-image-modal-preview-img{object-fit:contain;object-position:center;width:100%;height:auto;max-height:min(70dvh,520px)}.app-shell .material-image-preview-close{color:#fff;background:#0f172a73;position:absolute;top:18px;right:12px}.app-shell .sale-view-more-modal .sale-view-more-list,.app-shell .stock-history-body{min-width:0}.app-shell .sale-view-more-modal .sale-view-more-list>div{border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);padding:10px 0}.app-shell .mobile-more-sheet{border-radius:24px 24px 0 0;padding:0 12px 10px;animation:.28s cubic-bezier(.22,1,.36,1) popup-sheet-in;overflow:hidden;box-shadow:0 -10px 32px #171c2e1f,0 -2px 8px #8c64200f}.app-shell .mobile-more-sheet-title{letter-spacing:.04em;color:#171c2e;margin:0;font-size:18px}.app-shell .mobile-more-link{border-radius:16px;min-height:0}.app-shell .modal-overlay .material-search-list,.app-shell .modal-overlay .bom-material-results{border-radius:var(--popup-card-radius)}}@keyframes popup-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes popup-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popup-dialog-in{0%{opacity:.92;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.app-shell .modal-overlay,.app-shell .modal-overlay .modal,.app-shell .modal-overlay .modal-card,.app-shell .material-image-preview-dialog,.app-shell .mobile-more-sheet,.app-shell .mobile-more-backdrop,.app-shell .popup-select-sheet{transition:none!important;animation:none!important}}.header-name,.header-title{color:var(--header-text,#0f2747)}.header-subtitle{color:var(--header-text-muted,var(--text-muted))}html[data-header-theme=light] .header-home-button,html[data-header-theme=light] .header-logout-button{color:var(--header-text,#0f2747);background:color-mix(in srgb, var(--header-text,#0f2747) 6%, var(--header-color,#fff));border-color:color-mix(in srgb, var(--header-text,#0f2747) 22%, var(--header-color,#fff))}html[data-header-theme=dark] .header-home-button,html[data-header-theme=dark] .header-logout-button{color:var(--header-text,#fff);background:#ffffff14;border-color:#fff6}.field-input,.select-input,.textarea-input,.stock-combobox-input,.stock-qty-input,.header-search-input,.bom-inline-input{color:var(--input-text,var(--text));background:var(--bg-input)}.field-input::placeholder,.stock-combobox-input::placeholder,.header-search-input::placeholder,.textarea-input::placeholder{color:var(--placeholder,var(--text-faint));opacity:1}.field-input:focus,.select-input:focus,.textarea-input:focus,.stock-combobox-input:focus,.stock-qty-input:focus{color:var(--input-text,var(--text));background:var(--bg-input-focus)}.field-input:disabled,.select-input:disabled,.textarea-input:disabled{color:var(--text-muted);background:color-mix(in srgb, var(--bg-input) 88%, var(--border));opacity:.85}.field-label,.bom-field .field-label,.stock-panel-title,.stock-page-heading h1{color:var(--text)}.info-text,.table-empty,.materials-message,.home-dashboard-subtitle,.home-ref-metric-sub,.capacity-subtitle{color:var(--text-muted)}.home-dashboard-title,.capacity-title,.settings-page .settings-panel-title{color:var(--text-primary,var(--text))}.capacity-item{background:color-mix(in srgb, var(--accent) 10%, var(--surface-tint));border-color:color-mix(in srgb, var(--accent) 12%, var(--border))}.capacity-product-name,.capacity-qty,.alert-table tbody td,.stock-table tbody td,.bom-table tbody td,.debugging-table tbody td{color:var(--text)}.alert-table thead th,.stock-table thead th,.bom-table thead th{color:var(--text-secondary,var(--text-muted))}@media (width<=768px){.debugging-table td:before,.stock-history-table .stock-table td:before,.bom-table-container .alert-table td:before,.ready-product-table td:before,.sale-history-table td:before{color:var(--text-secondary,var(--text-muted))}}[data-theme=dark] .status-neutral{color:#cbd5e1;background:color-mix(in srgb, var(--text-muted) 22%, var(--bg-card));border-color:var(--border)}.modal-overlay{background:var(--modal-overlay,#0f172a8c)}.modal-title,.modal-message{color:var(--text)}.sale-view-more-list dt{color:var(--text-muted)}.sale-view-more-list dd{color:var(--text)}.stock-type-option{color:var(--text);background:var(--bg-input)}.stock-type-option.is-active{color:var(--accent);background:var(--bg-soft)}.radio-option{color:var(--text)}.settings-quick-action{color:var(--text);background:var(--bg-input)}.skeleton{background:var(--skeleton-base,color-mix(in srgb, var(--border) 55%, var(--bg-card)))}[data-theme=dark] .skeleton{background:var(--skeleton-base,color-mix(in srgb, var(--border) 70%, var(--bg-card)))}.field-input:focus-visible,.select-input:focus-visible,.textarea-input:focus-visible,.save-button:focus-visible,.secondary-button:focus-visible,.header-home-button:focus-visible,.header-logout-button:focus-visible,.mobile-bottom-nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login-form-panel{background:var(--bg-card);color:var(--text)}.login-form-heading h2{color:var(--text-primary,var(--text))}.login-form .field-input{color:var(--input-text,var(--text));background:var(--bg-input)}.save-button:disabled,.login-button:disabled,.modal-confirm:disabled{color:var(--button-text-on-accent,#fff)}@media (width>=768px){.home-header.app-top-header{min-height:var(--header-height,64px);height:var(--header-height,64px);box-shadow:none;-webkit-backdrop-filter:none;align-items:center;column-gap:12px;background:var(--ivory,#faf8f3)!important;border-bottom:1px solid #e8e2d4!important;grid-template:auto/minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr)!important;row-gap:0!important;padding:0 clamp(16px,2vw,28px)!important;display:grid!important}.home-header.app-top-header .header-brand{justify-self:start;grid-area:auto!important}.home-header.app-top-header .header-title-block,.home-header.app-top-header .header-title-home-alt,.home-header.app-top-header .header-title-spacer{width:100%;max-width:100%;text-align:center!important;grid-area:auto!important;justify-self:center!important}.home-header.app-top-header .header-title{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;margin:0;line-height:1.25;overflow:hidden;color:#0f2747!important;text-align:center!important;grid-area:auto!important;justify-self:center!important;font-family:Playfair Display,serif!important;font-size:19px!important;font-weight:600!important}.home-header.app-top-header .header-right-controls{justify-self:end;grid-area:auto!important}.home-header.app-top-header.home-header-home .header-title-home-alt{display:block!important}.home-header.app-top-header.home-header-home .header-brand-stack{display:flex}.home-header.app-top-header.home-header-home .header-name{display:block}}input[type=range],.app-range-input{appearance:none;cursor:pointer;width:100%;height:44px;accent-color:var(--slider-color,#2563eb);background:0 0;margin:0;padding:0}input[type=range]:focus-visible,.app-range-input:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--slider-focus-ring,color-mix(in srgb, var(--slider-color) 40%, transparent)), 0 1px 3px #0f172a2e}.app-range-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--slider-focus-ring,color-mix(in srgb, var(--slider-color) 40%, transparent)), 0 1px 3px #0f172a2e}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--slider-color,#2563eb) 0%, var(--slider-color,#2563eb) var(--slider-fill,50%), var(--slider-track,color-mix(in srgb, var(--slider-color) 20%, var(--bg-input))) var(--slider-fill,50%), var(--slider-track,color-mix(in srgb, var(--slider-color) 20%, var(--bg-input))) 100%);border:1px solid var(--slider-track-border,var(--border));border-radius:999px;height:6px}.app-range-input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--slider-color,#2563eb) 0%, var(--slider-color,#2563eb) var(--slider-fill,50%), var(--slider-track,color-mix(in srgb, var(--slider-color) 20%, var(--bg-input))) var(--slider-fill,50%), var(--slider-track,color-mix(in srgb, var(--slider-color) 20%, var(--bg-input))) 100%);border:1px solid var(--slider-track-border,var(--border));border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--slider-color,#2563eb);border:2px solid var(--slider-thumb-border,var(--surface-tint));border-radius:50%;width:20px;height:20px;margin-top:-8px;box-shadow:0 1px 3px #0f172a33}.app-range-input::-webkit-slider-thumb{appearance:none;background:var(--slider-color,#2563eb);border:2px solid var(--slider-thumb-border,var(--surface-tint));border-radius:50%;width:20px;height:20px;margin-top:-8px;box-shadow:0 1px 3px #0f172a33}input[type=range]::-moz-range-track{background:var(--slider-track,color-mix(in srgb, var(--slider-color) 20%, var(--bg-input)));border:1px solid var(--slider-track-border,var(--border));border-radius:999px;height:6px}.app-range-input::-moz-range-track{background:var(--slider-track,color-mix(in srgb, var(--slider-color) 20%, var(--bg-input)));border:1px solid var(--slider-track-border,var(--border));border-radius:999px;height:6px}input[type=range]::-moz-range-progress{background:var(--slider-color,#2563eb);border-radius:999px 0 0 999px;height:6px}.app-range-input::-moz-range-progress{background:var(--slider-color,#2563eb);border-radius:999px 0 0 999px;height:6px}input[type=range]::-moz-range-thumb{background:var(--slider-color,#2563eb);border:2px solid var(--slider-thumb-border,var(--surface-tint));border-radius:50%;width:20px;height:20px;box-shadow:0 1px 3px #0f172a33}.app-range-input::-moz-range-thumb{background:var(--slider-color,#2563eb);border:2px solid var(--slider-thumb-border,var(--surface-tint));border-radius:50%;width:20px;height:20px;box-shadow:0 1px 3px #0f172a33}input[type=range]:disabled,.app-range-input:disabled{opacity:.55;cursor:not-allowed}.settings-slider-preview-wrap{flex-direction:column;gap:6px;width:100%;min-width:0;margin-top:4px;display:flex}.settings-slider-preview{width:100%;max-width:220px}.settings-slider-reset{align-self:flex-start;min-height:36px}@media (width<=768px){.settings-slider-reset{min-height:44px}}html,body,.app-sidebar,.sidebar-nav,.app-shell-body,.modal-body,.modal-content,.debugging-form-scroll,.debugging-log-table,.product-page .product-list,.settings-scrollbar-preview,.sale-view-more-modal .modal-body,.modal.ready-product-modal .modal-body{scrollbar-width:thin;scrollbar-color:var(--scrollbar-color,#d8ae5e) var(--scrollbar-track,transparent)}html::-webkit-scrollbar{width:8px;height:8px}body::-webkit-scrollbar{width:8px;height:8px}.app-sidebar::-webkit-scrollbar{width:8px;height:8px}.sidebar-nav::-webkit-scrollbar{width:8px;height:8px}.app-shell-body::-webkit-scrollbar{width:8px;height:8px}.modal-body::-webkit-scrollbar{width:8px;height:8px}.modal-content::-webkit-scrollbar{width:8px;height:8px}.debugging-form-scroll::-webkit-scrollbar{width:8px;height:8px}.debugging-log-table::-webkit-scrollbar{width:8px;height:8px}.product-page .product-list::-webkit-scrollbar{width:8px;height:8px}.settings-scrollbar-preview::-webkit-scrollbar{width:8px;height:8px}.sale-view-more-modal .modal-body::-webkit-scrollbar{width:8px;height:8px}.modal.ready-product-modal .modal-body::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color,#d8ae5e);border-radius:999px}body::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color,#d8ae5e);border-radius:999px}.app-sidebar::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color,#d8ae5e);border-radius:999px}.sidebar-nav::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color,#d8ae5e);border-radius:999px}.app-shell-body::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color,#d8ae5e);border-radius:999px}.modal-body::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color,#d8ae5e);border-radius:999px}.modal-content::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color,#d8ae5e);border-radius:999px}.debugging-form-scroll::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color,#d8ae5e);border-radius:999px}.debugging-log-table::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color,#d8ae5e);border-radius:999px}.product-page .product-list::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color,#d8ae5e);border-radius:999px}.settings-scrollbar-preview::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color,#d8ae5e);border-radius:999px}.sale-view-more-modal .modal-body::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color,#d8ae5e);border-radius:999px}.modal.ready-product-modal .modal-body::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color,#d8ae5e);border-radius:999px}html::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover,#8c6420)}body::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover,#8c6420)}.app-sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover,#8c6420)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover,#8c6420)}.app-shell-body::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover,#8c6420)}.modal-body::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover,#8c6420)}.modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover,#8c6420)}.debugging-form-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover,#8c6420)}.debugging-log-table::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover,#8c6420)}.product-page .product-list::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover,#8c6420)}.settings-scrollbar-preview::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover,#8c6420)}.sale-view-more-modal .modal-body::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover,#8c6420)}.modal.ready-product-modal .modal-body::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover,#8c6420)}html::-webkit-scrollbar-track{background-color:var(--scrollbar-track,transparent)}body::-webkit-scrollbar-track{background-color:var(--scrollbar-track,transparent)}.app-sidebar::-webkit-scrollbar-track{background-color:var(--scrollbar-track,transparent)}.sidebar-nav::-webkit-scrollbar-track{background-color:var(--scrollbar-track,transparent)}.app-shell-body::-webkit-scrollbar-track{background-color:var(--scrollbar-track,transparent)}.modal-body::-webkit-scrollbar-track{background-color:var(--scrollbar-track,transparent)}.modal-content::-webkit-scrollbar-track{background-color:var(--scrollbar-track,transparent)}.debugging-form-scroll::-webkit-scrollbar-track{background-color:var(--scrollbar-track,transparent)}.debugging-log-table::-webkit-scrollbar-track{background-color:var(--scrollbar-track,transparent)}.product-page .product-list::-webkit-scrollbar-track{background-color:var(--scrollbar-track,transparent)}.settings-scrollbar-preview::-webkit-scrollbar-track{background-color:var(--scrollbar-track,transparent)}.sale-view-more-modal .modal-body::-webkit-scrollbar-track{background-color:var(--scrollbar-track,transparent)}.modal.ready-product-modal .modal-body::-webkit-scrollbar-track{background-color:var(--scrollbar-track,transparent)}.settings-scrollbar-preview-wrap{flex-direction:column;gap:6px;width:100%;min-width:0;margin-top:4px;display:flex}.settings-scrollbar-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;max-width:220px;max-height:120px;color:var(--text-muted);padding:8px 10px;font-size:12px;line-height:1.5;overflow:hidden auto}.settings-scrollbar-preview-inner{flex-direction:column;gap:4px;display:flex}.settings-scrollbar-reset{align-self:flex-start;min-height:36px}@media (width<=768px){.settings-scrollbar-reset{min-height:44px}}.user-profile-avatar{object-fit:cover;background:color-mix(in srgb, var(--accent,#2563eb) 12%, #fff);color:var(--accent,#1e4ed8);border:1px solid color-mix(in srgb, var(--accent,#2563eb) 20%, #dbe3f0);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;transition:border-color .16s,box-shadow .16s;display:inline-flex}.user-profile-avatar--fallback{letter-spacing:.02em}.user-profile-avatar--lg{box-shadow:0 0 0 3px #fff, 0 0 0 4px color-mix(in srgb, var(--accent,#2563eb) 18%, #dbe3f0)}.user-profile-menu{flex-shrink:0;position:relative}.user-profile-menu-trigger{border:1px solid var(--border,#e2e8f0);background:color-mix(in srgb, var(--header-color,#fff) 92%, #f8fafc);max-width:min(220px,36vw);min-height:40px;color:var(--header-text,var(--text));cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;display:inline-flex}.user-profile-menu-trigger:hover,.user-profile-menu-trigger[aria-expanded=true]{border-color:color-mix(in srgb, var(--accent,#2563eb) 35%, var(--border,#e2e8f0))}.user-profile-menu-trigger-text{text-align:left;min-width:0}.user-profile-menu-trigger-name{white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:13px;font-weight:650;display:block;overflow:hidden}.user-profile-menu-caret{opacity:.7;font-size:11px}.user-profile-menu-panel{z-index:60;box-sizing:border-box;background:#fff;border:1px solid #e6ebf2;border-radius:14px;width:min(300px,100vw - 24px);max-width:calc(100vw - 24px);padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #0f274724}.user-profile-menu-head{align-items:center;gap:12px;min-width:0;display:flex}.user-profile-menu-sep{background:#eef2f7;height:1px;margin:10px 0}.user-profile-menu-item{text-align:left;width:100%;min-height:44px;color:var(--text,#0f172a);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:12px;font-size:14px;font-weight:600;display:block}.user-profile-menu-item:hover{background:#f5f7fb}.user-profile-menu-item--danger{color:#b42318}.user-profile-overlay{z-index:320;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.user-profile-overlay-backdrop{cursor:pointer;background:#0f172a75;border:0;position:absolute;inset:0}.user-profile-card{z-index:1;box-sizing:border-box;background:#fff;border:1px solid #e6ebf2;border-radius:16px;width:min(440px,100%);max-height:min(92dvh,920px);padding:22px 20px 18px;animation:.18s ease-out user-profile-enter;position:relative;overflow:auto;box-shadow:0 22px 48px #0f27472e}.user-profile-panel{box-sizing:border-box;flex-direction:column;width:min(820px,100vw - 32px);max-width:min(820px,100vw - 32px);max-height:min(92dvh,860px);padding:0;display:flex;overflow:hidden}.user-profile-auth{width:min(820px,100vw - 32px);max-width:min(820px,100vw - 32px);overflow-x:hidden!important}.user-profile-auth,.user-profile-auth *{max-width:100%}.user-profile-auth-header{flex-wrap:wrap;align-items:flex-start;gap:12px}.user-profile-auth-header .user-profile-panel-heading{flex:220px;min-width:0}.user-profile-auth-account{color:#64748b;overflow-wrap:anywhere;margin:8px 0 0;font-size:12px;font-weight:600}.user-profile-btn--create{white-space:nowrap;border:1px solid color-mix(in srgb, var(--accent,#2563eb) 35%, #dbe3f0);background:color-mix(in srgb, var(--accent,#2563eb) 8%, #fff);min-height:44px;color:var(--accent,#1e4ed8);flex-shrink:0;padding:0 14px;font-weight:700}.user-profile-btn--create:hover{background:color-mix(in srgb, var(--accent,#2563eb) 14%, #fff)}.user-profile-auth-body,.user-profile-auth-form{overflow-x:hidden}.user-profile-form-grid--login{grid-template-columns:repeat(2,minmax(0,1fr))}.user-profile-password-wrap{background:#fff;border:1px solid #d8dee8;border-radius:11px;align-items:stretch;gap:0;min-width:0;display:flex;overflow:hidden}.user-profile-password-wrap:focus-within{border-color:var(--accent,#1e4ed8);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#1e4ed8) 18%, transparent)}.user-profile-field--password .user-profile-password-wrap input{min-width:0;box-shadow:none;border:0;border-radius:0;flex:auto}.user-profile-field--password .user-profile-password-wrap input:focus{box-shadow:none}.user-profile-password-toggle{color:#475569;cursor:pointer;background:#f8fafc;border:0;border-left:1px solid #e6ebf2;flex-shrink:0;min-width:56px;min-height:48px;padding:0 12px;font-size:12px;font-weight:700}.user-profile-password-toggle:hover{color:#0f172a;background:#f1f5f9}.user-profile-auth-footer{box-sizing:border-box;border-top:1px solid #eef2f7;flex-wrap:wrap;flex-shrink:0;row-gap:12px;width:100%;padding:12px 16px 14px;display:flex;max-width:100%!important;margin:0!important}.user-profile-auth-footer .user-profile-btn--link{min-width:0;min-height:44px;color:var(--accent,#1e4ed8);text-underline-offset:2px;background:0 0;border:0;justify-self:start;padding-left:0;padding-right:0;text-decoration:underline}.user-profile-auth-footer-primary{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.user-profile-auth-footer-primary .user-profile-btn{min-width:0;min-height:44px}.user-profile-auth-footer-primary .user-profile-btn--primary{min-width:148px}.user-profile-panel-header{border-bottom:1px solid #eef2f7;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 16px;display:flex}.user-profile-panel-heading h2{color:#0f172a;overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:700;line-height:1.25}.user-profile-panel-subtitle{color:#64748b;overflow-wrap:anywhere;margin:4px 0 0;font-size:13px;font-weight:500;line-height:1.35}.user-profile-close{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;font-size:22px;line-height:1;transition:background .16s,border-color .16s,color .16s;display:inline-grid}.user-profile-close:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.user-profile-close:focus-visible{border-color:var(--accent,#1e4ed8);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#1e4ed8) 18%, transparent);outline:none}.user-profile-panel-body{overscroll-behavior:contain;flex:auto;min-height:0;padding:18px 24px 0;overflow:hidden auto}.user-profile-section-label{letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin:0 0 12px;font-size:11px;font-weight:700}.user-profile-identity{border-bottom:1px solid #eef2f7;margin-bottom:18px;padding-bottom:16px}.user-profile-identity-row{align-items:center;gap:18px;min-width:0;display:flex}.user-profile-identity-copy{min-width:0}.user-profile-welcome{text-align:center}.user-profile-welcome .user-profile-avatar{margin:4px auto 14px}.user-profile-created-success{text-align:center;box-sizing:border-box;width:min(420px,100vw - 32px);max-width:420px;padding:28px 24px 24px}.user-profile-created-success-icon{color:#166534;background:#dcf6e5;border:1px solid #acdec7;border-radius:999px;place-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:28px;font-weight:700;line-height:1;display:grid}.user-profile-created-success-title{color:#0f172a;overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:700;line-height:1.3}.user-profile-created-success-welcome{color:#1e293b;overflow-wrap:anywhere;margin:10px 0 0;font-size:15px;font-weight:600;line-height:1.35}.user-profile-created-success-copy{color:#64748b;margin:8px 0 0;font-size:13px;font-weight:500;line-height:1.4}.user-profile-created-success-cta{width:100%;min-height:44px;margin-top:22px}.user-profile-name{color:#0f172a;overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:700;line-height:1.25}.user-profile-username{color:#64748b;overflow-wrap:anywhere;margin:4px 0 0;font-size:13px}.user-profile-meta{color:#334155;margin:6px 0 0;font-size:13px;font-weight:600}.user-profile-upload{min-height:32px;color:var(--accent,#1e4ed8);cursor:pointer;background:0 0;border:0;align-items:center;margin-top:8px;padding:0;font-size:13px;font-weight:650;transition:color .16s,opacity .16s;display:inline-flex}.user-profile-upload:hover{color:var(--accent-hover,#1a45c4);text-underline-offset:3px;text-decoration:underline}.user-profile-upload:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#1e4ed8) 18%, transparent);border-radius:6px;outline:none}.user-profile-upload input{opacity:0;clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.user-profile-actions,.user-profile-form-actions{flex-direction:column;gap:8px;margin-top:18px;display:flex}.user-profile-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:12px;min-height:48px;padding:0 16px;font-size:14px;font-weight:650;transition:background .16s,border-color .16s,color .16s}.user-profile-btn:hover:not(:disabled){background:#f8fafc}.user-profile-btn:focus-visible{border-color:var(--accent,#1e4ed8);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#1e4ed8) 18%, transparent);outline:none}.user-profile-btn:disabled{opacity:.65;cursor:not-allowed}.user-profile-btn--primary{background:var(--accent,#1e4ed8);border-color:var(--accent,#1e4ed8);color:#fff}.user-profile-btn--primary:hover:not(:disabled){background:var(--accent-hover,#1a45c4);border-color:var(--accent-hover,#1a45c4)}.user-profile-btn--danger{color:#b42318;background:#fffaf9;border-color:#fecdca}.user-profile-btn--ghost{color:#475569;background:0 0;border-color:#0000}.user-profile-form{flex-direction:column;gap:0;min-height:0;display:flex}.user-profile-form-section{margin-bottom:18px}.user-profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;display:grid}.user-profile-field{color:#334155;gap:7px;min-width:0;font-size:13px;font-weight:600;display:grid}.user-profile-field input{min-height:48px;font:inherit;color:#0f172a;background:#fff;border:1px solid #d8dee8;border-radius:11px;padding:0 14px;scroll-margin-block:96px;font-weight:500;transition:border-color .16s,box-shadow .16s}.user-profile-field input:focus{border-color:var(--accent,#1e4ed8);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#1e4ed8) 18%, transparent);outline:none}.user-profile-field--readonly .user-profile-readonly-value{color:#334155;background:#f8fafc;border:1px solid #e6ebf2;border-radius:11px;align-items:center;min-height:48px;padding:0 14px;font-size:14px;font-weight:600;display:flex}.user-profile-company-badge{color:#0f172a;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;background:#f1f5f9;border:1px solid #dbe3f0;border-radius:999px;align-items:center;max-width:100%;min-height:28px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex;overflow:hidden}.user-profile-field--readonly .user-profile-company-badge{background:0 0;border:0;min-height:0;padding:0;font-size:14px}.user-profile-sections{flex-direction:column;gap:18px;padding-bottom:0;display:flex}.user-profile-sections section{border:0;margin:0;padding:0}.user-profile-view-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;margin:0;display:grid}.user-profile-view-grid>div{gap:4px;min-width:0;display:grid}.user-profile-view-grid dt{color:#64748b;font-size:12px;font-weight:600}.user-profile-view-grid dd{color:#0f172a;overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600}.user-profile-company-list{color:#334155;margin:0;padding-left:18px;font-size:14px}.user-profile-panel-footer{box-sizing:border-box;background:#fff;border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:12px;max-width:calc(100% + 48px);margin:4px -24px 0;padding:14px 24px 18px;display:flex;position:sticky;bottom:0;overflow-x:hidden}.user-profile-footer-status{color:#64748b;flex:auto;min-width:0;min-height:20px;font-size:12px;font-weight:600}.user-profile-footer-actions{flex-wrap:wrap;flex:auto;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.user-profile-footer-actions .user-profile-btn{min-width:0;min-height:44px}.user-profile-alert{border-radius:10px;margin:0 0 14px;padding:10px 12px;font-size:13px}.user-profile-alert--error{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.user-profile-alert--success,.user-profile-alert--ok{color:#027a48;background:#ecfdf3;border:1px solid #abefc6}@keyframes user-profile-enter{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.user-profile-card{animation:none}.user-profile-avatar,.user-profile-btn,.user-profile-close,.user-profile-upload,.user-profile-field input{transition:none}}@media (width<=860px){.user-profile-form-grid,.user-profile-form-grid--login,.user-profile-view-grid{grid-template-columns:1fr;row-gap:14px}.user-profile-auth-header{flex-direction:column;align-items:stretch}.user-profile-auth-header .user-profile-panel-heading{flex:none}.user-profile-btn--create{width:100%}.user-profile-auth-footer{flex-direction:column;align-items:stretch}.user-profile-auth-footer-primary{width:100%;margin-left:0}.user-profile-auth-footer-primary .user-profile-btn,.user-profile-auth-footer-primary .user-profile-btn--primary{flex:auto;width:100%}}@media (width<=768px),(height<=500px) and (width<=1024px){.home-header:has(.user-profile-menu-trigger[aria-expanded=true]){z-index:7;overflow:visible}.user-profile-menu-panel{max-height:calc(100dvh - var(--mobile-header-offset,68px) - var(--mobile-nav-offset,56px) - 12px);overflow:auto}}@media (width<=767px){.home-header .user-profile-menu-trigger{gap:6px;max-width:none;padding:4px 8px 4px 4px}.home-header .user-profile-menu-trigger-text,.home-header .user-profile-menu-trigger-name{display:none}.home-header .user-profile-menu-caret{opacity:.85}}@media (width<=768px){.header-logout-button{display:none}.user-profile-overlay{align-items:flex-end;padding:0}.user-profile-card:not(.user-profile-panel){width:100%;max-height:min(92dvh, calc(100dvh - var(--mobile-nav-offset,56px)));padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0}.user-profile-panel{width:min(100vw - 24px,820px);max-width:min(100vw - 24px,820px);max-height:min(90dvh, calc(100dvh - var(--mobile-nav-offset,56px) - 24px));border-radius:16px;align-self:center;margin:12px;overflow-x:hidden}.user-profile-overlay:has(.user-profile-panel){padding:max(12px, env(safe-area-inset-top)) 0 max(12px, env(safe-area-inset-bottom));align-items:center}.user-profile-welcome{width:min(440px,100% - 24px);max-height:min(88dvh, calc(100dvh - var(--mobile-nav-offset,56px) - 24px));border-radius:18px;align-self:center;margin:12px}.user-profile-created-success{width:min(420px,100% - 24px);max-height:min(88dvh, calc(100dvh - var(--mobile-nav-offset,56px) - 24px));border-radius:18px;align-self:center;margin:12px;padding:24px 18px 20px}.user-profile-panel-header,.user-profile-panel-body{padding-left:16px;padding-right:16px}.user-profile-panel-header{padding-top:16px;padding-bottom:12px}.user-profile-panel-body{padding-top:14px}.user-profile-panel-footer{padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px));margin-left:-16px;margin-right:-16px}.user-profile-identity-row{gap:14px}.user-profile-footer-actions{width:100%}.user-profile-footer-actions .user-profile-btn{flex:1 1 0;min-width:0}.user-profile-panel-footer{flex-wrap:wrap}.user-profile-footer-status{order:2;width:100%}.user-profile-footer-actions{order:1}.user-profile-btn{min-height:48px}}@media (width<=360px){.user-profile-identity-row{text-align:left;flex-direction:column;align-items:flex-start}.user-profile-footer-actions{flex-direction:column}.user-profile-footer-actions .user-profile-btn{width:100%}}@media (height<=700px) and (width<=1024px){.user-profile-overlay:has(.user-profile-auth){justify-content:flex-start;align-items:flex-start;padding:8px 0;overflow:hidden auto}.user-profile-auth.user-profile-panel{max-height:none;margin:8px auto;overflow:visible}.user-profile-auth-body{flex:none;overflow:visible}}@media (height<=700px) and (width>=480px) and (width<=1024px){.user-profile-auth-header{flex-direction:row;align-items:center;padding-top:12px;padding-bottom:10px}.user-profile-btn--create{width:auto}.user-profile-auth-footer{flex-direction:row;align-items:center}.user-profile-auth-footer-primary{width:auto;margin-left:auto}.user-profile-auth-footer-primary .user-profile-btn,.user-profile-auth-footer-primary .user-profile-btn--primary{width:auto}}@media (height<=500px) and (width<=1024px){.user-profile-overlay{align-items:stretch}.user-profile-panel{width:calc(100vw - 24px);max-height:calc(100dvh - 16px);margin:8px auto}.user-profile-identity{margin-bottom:12px;padding-bottom:12px}.user-profile-form-section{margin-bottom:12px}}html.erp-login-route{background-color:#0b1020;background-image:radial-gradient(120% 80% at 50% 0,#1e2747 0%,#0b1020 70%);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100%}html.erp-login-route body,html.erp-login-route #root{background:0 0;min-height:100%}html.erp-login-route:before{content:"";z-index:0;pointer-events:none;opacity:.07;background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000)}.erp-login{--ink:#0b1020;--ink-2:#141b33;--ink-3:#1e2747;--gold:#d8ae5e;--gold-2:#f2d594;--gold-deep:#8c6420;--ivory:#faf8f3;--surface:#fff;--line:#e8e2d4;--line-2:#d9d0bc;--text:#15171f;--muted:#6b6a66;--faint:#a8a59d;--danger:#b42318;--danger-bg:#fef3f2;--ok:#1f7a3e;--ok-bg:#eff8f1;--r:16px;--font:"Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Erode", Georgia, serif;box-sizing:border-box;isolation:isolate;width:100%;min-height:100dvh;font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:0 0;flex-direction:column;padding-bottom:0;display:flex;position:relative;overflow:hidden auto}.erp-login:before{content:"";z-index:4;pointer-events:none;height:env(safe-area-inset-top,0px);background-color:#0b1020;background-image:radial-gradient(90% 140% at 92% -10%,#c9973f73 0%,#0000 55%),radial-gradient(120% 80% at 50% 0,#1e2747 0%,#0b1020 70%);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:fixed;top:0;left:0;right:0}.erp-login *,.erp-login :before,.erp-login :after{box-sizing:border-box}.erp-login-hero{z-index:1;isolation:isolate;text-align:center;color:#fff;padding:calc(env(safe-area-inset-top,0px) + 36px) 24px 72px;background:0 0;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.erp-login-blob{filter:blur(60px);opacity:.55;z-index:0;pointer-events:none;border-radius:50%;animation:14s ease-in-out infinite alternate erp-login-float;position:fixed}.erp-login-blob.b1{background:#c9973f;width:260px;height:260px;top:-80px;right:-70px}.erp-login-blob.b2{opacity:.45;background:#3b4db8;width:300px;height:300px;animation-delay:-5s;bottom:-120px;left:-110px}.erp-login-blob.b3{opacity:.18;background:#f2d594;width:160px;height:160px;animation-delay:-9s;top:40%;left:55%}@keyframes erp-login-float{to{transform:translate(-30px,24px)scale(1.12)}}.erp-login-hero:after{display:none}.erp-login-logo-badge{-webkit-backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #f2d59447;border-radius:18px;justify-content:center;align-items:center;margin-bottom:22px;padding:12px 22px;display:inline-flex;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff14}.erp-login-logo-badge img{object-fit:contain;width:auto;max-width:min(180px,62vw);height:46px;display:block}.erp-login-logo-text{font:600 28px/1 var(--display);letter-spacing:.3px;color:#fff}.erp-login-logo-text b{background:linear-gradient(180deg, var(--gold-2), var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.erp-login-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);opacity:.9;font-size:12px;font-weight:700}.erp-login-hero h1{font:600 28px/1.15 var(--display);letter-spacing:-.01em;color:#fff;margin:8px 0 0}.erp-login-hero>p{color:#ffffffa8;margin:8px 0 0;font-size:14.5px}.erp-login-main{z-index:1;flex-direction:column;flex:none;width:100%;max-width:480px;margin:0 auto;display:flex;position:relative}.erp-login-card{z-index:1;background:var(--ivory);border-radius:30px 30px 0 0;flex-direction:column;margin-top:-36px;padding:14px 22px 0;display:flex;position:relative;box-shadow:0 -20px 50px #00000059}.erp-login-card:before{content:"";background:var(--line-2);border-radius:4px;align-self:center;width:40px;height:4px;margin-bottom:22px}.erp-login-view{flex-direction:column;display:flex}.erp-login-view.enter{animation:.35s cubic-bezier(.2,.8,.2,1) erp-login-slide-in}@keyframes erp-login-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.erp-login-card h2{font:600 26px/1.2 var(--display);letter-spacing:-.01em;color:var(--text);margin:0}.erp-login-sub{color:var(--muted);margin:6px 0 0;font-size:14.5px;line-height:1.5}.erp-login-back{border:1px solid var(--line);min-height:44px;color:var(--text);font:600 13.5px var(--font);cursor:pointer;background:#fff;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-bottom:18px;padding:7px 14px 7px 10px;display:inline-flex}.erp-login-back svg{width:16px;height:16px}.erp-login-back:active{transform:scale(.97)}.erp-login-alert{background:var(--danger-bg);color:var(--danger);border:1px solid #f7d0cc;border-radius:12px;align-items:flex-start;gap:10px;margin-top:18px;padding:12px 14px;font-size:14px;line-height:1.4;display:flex}.erp-login-alert svg{flex-shrink:0;width:18px;height:18px;margin-top:1px}.erp-login-form{flex-direction:column;gap:14px;margin-top:22px;display:flex}.erp-login-field-wrap{flex-direction:column;display:flex}.erp-login-field{position:relative}.erp-login-field svg.icon{width:19px;height:19px;color:var(--faint);pointer-events:none;transition:color .2s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.erp-login-field input{width:100%;height:60px;min-height:60px;font:500 16px var(--font);color:var(--text);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);outline:none;padding:22px 50px 6px 48px;transition:border-color .2s,box-shadow .2s}.erp-login-field label{color:var(--muted);pointer-events:none;font-size:15.5px;transition:top .18s,font-size .18s,color .18s;position:absolute;top:50%;left:48px;transform:translateY(-50%)}.erp-login-field input:focus+label,.erp-login-field input:not(:placeholder-shown)+label{letter-spacing:.02em;font-size:12px;font-weight:700;top:17px}.erp-login-field input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #d8ae5e33}.erp-login-field input:focus+label,.erp-login-field:focus-within svg.icon{color:var(--gold-deep)}.erp-login-field input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 4px #b423181a}.erp-login-field input[aria-invalid=true]+label{color:var(--danger)}.erp-login-toggle-pw{width:40px;min-width:40px;height:40px;min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.erp-login-toggle-pw:hover{background:#f3efe6}.erp-login-toggle-pw:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.erp-login-toggle-pw svg{width:20px;height:20px}.erp-login-err{color:var(--danger);margin:6px 4px 0;font-size:13px;font-weight:500}.erp-login-err:empty{display:none}.erp-login-row{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:2px;font-size:14px;display:flex}.erp-login-check{color:var(--text);cursor:pointer;align-items:center;gap:10px;min-height:44px;font-weight:500;display:flex}.erp-login-check input{appearance:none;border:1.5px solid var(--line-2);cursor:pointer;background:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:20px;height:20px;transition:all .15s;display:grid}.erp-login-check input:checked{background:var(--ink);border-color:var(--ink)}.erp-login-check input:checked:after{content:"";border:2px solid var(--gold-2);border-top:0;border-right:0;width:10px;height:6px;transform:rotate(-45deg)translate(1px,-1px)}.erp-login-link{color:var(--gold-deep);min-height:44px;font-weight:700;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.erp-login-link:hover{text-underline-offset:3px;text-decoration:underline}.erp-login-btn{border-radius:var(--r);background:linear-gradient(180deg, var(--ink-3), var(--ink));height:58px;min-height:52px;color:var(--gold-2);font:700 16.5px var(--font);letter-spacing:.01em;cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;margin-top:6px;transition:transform .12s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 28px -10px #0b10208c,inset 0 1px #ffffff14}.erp-login-btn:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#f2d59440,#0000);width:40%;height:100%;animation:3.8s ease-in-out infinite erp-login-shine;position:absolute;top:0;left:-60%;transform:skew(-20deg)}@keyframes erp-login-shine{0%,60%{left:-60%}to{left:130%}}.erp-login-btn:active{transform:scale(.985)}.erp-login-btn svg.arrow{width:18px;height:18px;transition:transform .2s}.erp-login-btn:hover svg.arrow{transform:translate(4px)}.erp-login-btn.loading{pointer-events:none;opacity:.9}.erp-login-btn:disabled{pointer-events:none;opacity:.9;cursor:default}.erp-login-btn .spinner{border:2.5px solid #f2d5944d;border-top-color:var(--gold-2);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite erp-login-spin;display:none}.erp-login-btn.loading .spinner{display:block}.erp-login-btn.loading .arrow{display:none}@keyframes erp-login-spin{to{transform:rotate(360deg)}}.erp-login-strength{grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 4px 0;display:grid}.erp-login-strength i{background:var(--line);border-radius:4px;height:4px;transition:background .25s}.erp-login-hint{color:var(--muted);margin:6px 4px 0;font-size:12.5px}.erp-login-secure{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:12.5px;display:flex}.erp-login-secure svg{width:14px;height:14px;color:var(--gold-deep)}.erp-login-footer{text-align:center;color:var(--faint);margin-top:auto;padding:26px 0 18px;font-size:12.5px}.erp-login-footer a{color:var(--muted);font-weight:600;text-decoration:none}@media (width<=1023px){html.erp-login-route,html.erp-login-route body,html.erp-login-route #root{min-height:100dvh}.erp-login{background:0 0;grid-template-rows:auto minmax(min-content,1fr);height:auto;min-height:100dvh;max-height:none;padding-bottom:0;display:grid}.erp-login:after{content:none!important;height:0!important;display:none!important}.erp-login-hero{flex:none}.erp-login-blob.b2{opacity:.28;top:55%;bottom:auto}.erp-login-main{background:0 0;flex-direction:column;align-self:stretch;width:100%;max-width:100%;height:100%;min-height:100%;display:flex}.erp-login-card{background:var(--ivory);background-color:var(--ivory);width:100%;min-height:100%;padding-bottom:env(safe-area-inset-bottom,0px);background-image:none;border-bottom-right-radius:0;border-bottom-left-radius:0;flex-direction:column;flex:1 0 auto;margin-bottom:0;display:flex;overflow:visible;box-shadow:0 -20px 50px #00000059}.erp-login-view{flex:none}.erp-login-footer{background:0 0;margin-top:auto;padding:26px 0 18px}.erp-login-secure{background:0 0}.erp-login-btn{box-shadow:0 10px 18px -12px #0b102059,inset 0 1px #ffffff14}}@media (width>=768px) and (width<=1023px){.erp-login-hero{align-self:stretch;width:100%}.erp-login-main{width:min(520px,100vw - 48px);max-width:min(520px,100vw - 48px);margin-left:auto;margin-right:auto}.erp-login-card{padding:14px 34px 0;padding-bottom:env(safe-area-inset-bottom,0px)}}@media (width>=1024px){.erp-login{isolation:isolate;padding:40px 24px;padding-bottom:max(40px, env(safe-area-inset-bottom,0px));background:0 0;justify-content:center;align-items:center;position:relative}.erp-login-hero{z-index:1;background:0 0;flex:none;align-self:center;width:100%;max-width:540px;padding:0 0 28px;position:relative;overflow:visible}.erp-login-blob.b1{width:420px;height:420px;top:-100px;right:-80px}.erp-login-blob.b2{width:480px;height:480px;bottom:-140px;left:-120px}.erp-login-blob.b3{width:220px;height:220px;top:42%;left:58%}.erp-login-logo-badge{border-radius:16px;margin-bottom:14px;padding:12px 20px}.erp-login-logo-badge img{max-width:160px;height:40px}.erp-login-logo-text{font-size:24px}.erp-login-eyebrow{letter-spacing:.16em;font-size:11px}.erp-login-hero h1{margin-top:6px;font-size:26px}.erp-login-hero>p{margin-top:6px;font-size:14px}.erp-login-main{z-index:1;flex:none;width:min(520px,100vw - 48px);max-width:540px;margin:0;position:relative}.erp-login-card{border-radius:28px;flex:none;margin-top:-20px;padding:36px 38px 0;box-shadow:0 24px 60px #0006}.erp-login-card:before{display:none}.erp-login-card h2{font-size:24px}.erp-login-sub{margin-top:8px;margin-bottom:0;font-size:14px}.erp-login-alert{margin-top:16px}.erp-login-form{gap:16px;margin-top:22px}.erp-login-field input{height:56px;min-height:56px;padding-top:20px;padding-bottom:6px}.erp-login-field input:focus+label,.erp-login-field input:not(:placeholder-shown)+label{top:15px}.erp-login-row{min-height:40px;margin-top:2px}.erp-login-btn{height:58px;min-height:58px;margin-top:4px}.erp-login-secure{margin-top:18px;margin-bottom:0}.erp-login-back{min-height:40px;margin-bottom:14px}.erp-login-footer{padding:20px 0 24px}}@media (width>=1024px) and (height<=820px){.erp-login{justify-content:flex-start;padding-top:28px;padding-bottom:24px}.erp-login-hero{padding-bottom:20px}.erp-login-logo-badge{margin-bottom:10px}.erp-login-card{margin-top:-14px;padding:28px 34px 0}.erp-login-form{gap:14px;margin-top:18px}.erp-login-footer{padding:16px 0 20px}}@media (height<=640px){.erp-login-hero{padding-top:calc(env(safe-area-inset-top,0px) + 20px);padding-bottom:56px}.erp-login-logo-badge{margin-bottom:12px;padding:10px 16px}.erp-login-hero h1{font-size:24px}}@media (prefers-reduced-motion:reduce){.erp-login *,.erp-login :before,.erp-login :after{transition:none!important;animation:none!important}}
