@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);html{background:#f5f7fb}body{font-family:Segoe UI,Inter,Helvetica Neue,Arial,sans-serif;line-height:1.5}button,input,select{font:inherit}#root{min-height:100dvh}*{box-sizing:border-box}:root{--font-body:"Inter","Segoe UI",sans-serif;--font-display:"Inter","Segoe UI",sans-serif;--color-page:#f7fafc;--color-surface:#fff;--color-surface-soft:#f8fbff;--color-surface-tint:#edf4fb;--color-surface-info:#f4f9ff;--color-surface-muted:#edf2f7;--color-surface-table-head:#1a365d;--color-text:#1a202c;--color-text-strong:#1a202c;--color-text-muted:#718096;--color-text-subtle:#4a5568;--color-border:#e2e8f0;--color-border-soft:#e2e8f0;--color-border-input:#cbd5e0;--color-shadow:#00000014;--color-shadow-strong:#0000001f;--color-shadow-overlay:#0003;--color-backdrop:#0006;--color-primary:#1a365d;--color-primary-strong:#132a49;--color-primary-soft:#ebf8ff;--color-primary-soft-2:#dbeafe;--color-primary-border:#bfdbfe;--color-primary-tint:#f5faff;--color-success:#38a169;--color-success-soft:#c6f6d5;--color-success-soft-2:#e6fffa;--color-success-border:#9ae6b4;--color-warning:#d69e2e;--color-warning-soft:#fefcbf;--color-warning-soft-2:#fffaf0;--color-warning-border:#f6e05e;--color-danger:#e53e3e;--color-danger-soft:#fed7d7;--color-danger-soft-2:#fff5f5;--color-danger-border:#feb2b2;--color-danger-surface:#fff7f7;--color-danger-surface-2:#fffaf0;--color-danger-border-strong:#fc8181;--color-neutral:#1a202c;--color-neutral-soft:#edf2f7;--color-neutral-soft-2:#e2e8f0;--color-menu-bg:#1a365d;--color-menu-bg-strong:#132a49;--color-menu-border:#ffffff1a;--color-menu-text:#fff;--color-menu-text-muted:#ffffffbf;--color-menu-accent:#63b3ed;--color-menu-accent-soft:#ffffff26;--form-control-height:50px;--form-control-radius:8px;--form-control-padding:10px 14px;--form-control-background:#fff;--form-control-shadow:none;--form-focus-ring:0 0 0 3px #3182ce26;--radius-card:12px;--radius-card-sm:12px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7fafc;background:var(--color-page);color:#1a202c;color:var(--color-text);font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-body);font-size:16px;line-height:1.55;margin:0;overflow-x:hidden}#root{min-height:100vh}img,svg{max-width:100%}.app-shell{margin:0 auto;max-width:1440px;padding:32px;width:100%}.app-shell--workspace{margin:0;max-width:none;min-height:100vh;padding:0}.workspace-shell{background:linear-gradient(180deg,#f7fafc,#edf2f7);display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.workspace-sidebar-backdrop{background:#0f172a6b;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:25}.workspace-sidebar-backdrop--visible{opacity:1;pointer-events:auto}.brand-logo{align-items:center;background:#0000;border-radius:24px;display:inline-flex;flex:0 0 auto;justify-content:center;overflow:hidden;position:relative}.brand-logo--interactive{background:#0000;border:0;cursor:pointer;padding:0;transition:transform .18s ease,box-shadow .18s ease}.brand-logo--interactive:hover{transform:translateY(-1px)}.brand-logo--interactive:focus-visible{outline:3px solid #2563eb47;outline-offset:3px}.brand-logo__fallback,.brand-logo__image{border-radius:inherit;height:100%;width:100%}.brand-logo__image{display:block;object-fit:contain;object-position:center}.brand-logo__fallback{align-items:center;background:radial-gradient(circle at 30% 25%,#ffffff14,#0000 34%),linear-gradient(155deg,#050a13fa,#121b2cfc);border:1px solid #ffffff14;box-shadow:inset 0 1px 0 #ffffff0f,0 16px 32px #02061738;display:inline-flex;justify-content:center;position:relative}.brand-logo__fallback--hidden{display:none}.brand-logo__fallback-letter{color:#f6fbfff5;font-weight:900;letter-spacing:-.04em;line-height:1;position:relative;text-shadow:0 2px 14px #00000047;z-index:1}.brand-logo__fallback-core{background:linear-gradient(180deg,#ffffff24,#ffffff05);border-radius:999px;inset:31% 43% 18% 43%;opacity:.35;position:absolute;transform:translateY(2%)}.brand-logo--auth,.login-logo{height:112px;width:112px}.brand-logo--auth .brand-logo__fallback-letter,.login-logo .brand-logo__fallback-letter{font-size:3.3rem}.brand-logo--auth-card{height:88px;width:88px}.brand-logo--auth-card .brand-logo__fallback-letter{font-size:2.8rem}.brand-logo--sidebar,.sidebar-logo{height:52px;width:52px}.brand-logo--sidebar .brand-logo__fallback-letter,.sidebar-logo .brand-logo__fallback-letter{font-size:2.2rem}.brand-logo--dashboard,.dashboard-logo{height:64px;width:64px}.brand-logo--dashboard .brand-logo__fallback-letter,.dashboard-logo .brand-logo__fallback-letter{font-size:2.15rem}.brand-lockup{align-items:center;display:flex;gap:16px;min-width:0}.brand-lockup__copy{display:flex;flex-direction:column;gap:4px;min-width:0}.brand-lockup__eyebrow,.brand-lockup__subtitle{margin:0}.brand-lockup__eyebrow{color:#718096;color:var(--color-text-muted);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.brand-lockup__title{color:#1a202c;color:var(--color-text-strong);display:block;font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-display);font-size:clamp(1.2rem,1rem + .5vw,1.55rem);letter-spacing:-.04em;line-height:1.05}.brand-title{overflow-wrap:anywhere}.brand-lockup__subtitle{color:#718096;color:var(--color-text-muted);font-size:14px;line-height:1.5;max-width:42ch}.brand-subtitle{overflow-wrap:anywhere}.workspace-sidebar{background:linear-gradient(180deg,#1a365d,#132a49);background:linear-gradient(180deg,var(--color-menu-bg) 0,var(--color-menu-bg-strong) 100%);border-right:1px solid #ffffff1a;border-right:1px solid var(--color-menu-border);box-shadow:8px 0 24px #1a365d14;display:flex;flex-direction:column;gap:18px;height:100vh;overflow-y:auto;overscroll-behavior:contain;padding:max(20px,env(safe-area-inset-top) + 12px) 0 max(18px,env(safe-area-inset-bottom) + 12px);position:sticky;top:0;z-index:30}.workspace-sidebar__brand{background:#0000;border:0;border-bottom:1px solid #ffffff1a;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:10px;padding:0 24px 18px}.workspace-sidebar__brand-header{align-items:flex-start;display:flex;gap:14px;min-width:0}.workspace-sidebar__brand-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.workspace-sidebar__brand-mark{border-radius:18px;margin-top:2px}.workspace-sidebar__brand h2{color:#fff;color:var(--color-menu-text);font-size:26px;letter-spacing:-.03em;line-height:1.1;margin:0}.workspace-sidebar__brand-subtitle{color:#e4f1ffb8;font-size:13px;line-height:1.5;margin:0}.workspace-sidebar__brand-business{color:#ffffffbf;color:var(--color-menu-text-muted);font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.workspace-sidebar__nav{display:flex;flex-direction:column;gap:6px;min-height:0;overflow-y:auto;padding:0 14px 0 0;scrollbar-width:thin}.workspace-sidebar__link{align-items:flex-start;background:#0000;border:0;border-left:3px solid #0000;border-radius:0 10px 10px 0;color:#ffffffbf;color:var(--color-menu-text-muted);cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:68px;padding:12px 20px 12px 21px;text-align:left;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;width:100%}.workspace-sidebar__link:hover{background:#ffffff14;color:#fff;color:var(--color-menu-text);transform:translateY(-1px)}.workspace-sidebar__link--active{background:#ffffff26;border-left-color:#63b3ed;box-shadow:none;color:#fff;color:var(--color-menu-text)}.workspace-sidebar__link-topline{align-items:center;display:flex;gap:12px;width:100%}.workspace-sidebar__link-code{align-items:center;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;color:#ffffffeb;display:inline-flex;font-size:11px;font-weight:800;justify-content:center;letter-spacing:.12em;min-height:24px;min-width:34px;padding:0 8px}.workspace-sidebar__link-label{font-size:.9rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}.workspace-sidebar__link-note{color:#bfdbfead;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.workspace-sidebar__link--active .workspace-sidebar__link-note{color:#e0f2fed1}.workspace-sidebar__footer{margin-top:auto}.workspace-sidebar__footer-label{color:#bfdbfeb3;font-size:11px;font-weight:800;letter-spacing:.14em;margin:0 0 10px;text-transform:uppercase}.workspace-sidebar .eyebrow{color:#63b3ed;color:var(--color-menu-accent)}.workspace-sidebar__user-chip{background:linear-gradient(180deg,#0f172a52,#0f172a2e);border-color:#7dd3fc24;box-shadow:inset 0 1px 0 #ffffff0a;color:#fff;color:var(--color-menu-text)}.workspace-sidebar__user-chip span{color:#bfdbfec7}.workspace-main{display:flex;flex-direction:column;min-width:0;overflow-x:hidden}.workspace-main__header{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f7fafcf2;border-bottom:1px solid #cbd5e0cc;box-shadow:0 2px 12px #0000000a;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;padding:24px 28px 20px;position:sticky;top:0;z-index:20}.workspace-main__intro{display:flex;flex-direction:column;gap:8px;max-width:64ch;min-width:0}.workspace-main__intro h1{color:#1a202c;color:var(--color-text-strong);font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-display);font-size:clamp(1.6rem,1.3rem + .8vw,2rem);font-weight:700;letter-spacing:-.04em;line-height:1.08;margin:0}.workspace-main__meta{display:flex;flex-wrap:wrap;gap:10px}.workspace-main__meta-pill{align-items:center;background:#ffffffeb;border:1px solid #cbd5e0e6;border-radius:999px;box-shadow:0 2px 8px #0000000d;color:#4a5568;color:var(--color-text-subtle);display:inline-flex;font-size:12px;font-weight:800;letter-spacing:.08em;min-height:34px;padding:0 14px;text-transform:uppercase}.workspace-main__meta-pill--accent{background:linear-gradient(135deg,#fffffffa,#edf4fffa);border-color:#b9d0f6f5;color:#132a49;color:var(--color-primary-strong)}.workspace-main__meta-pill--warning{background:linear-gradient(135deg,#fffcf5fa,#fff5ddfa);border-color:#f7d9a4f5;color:#d69e2e;color:var(--color-warning)}.workspace-main__controls{align-items:stretch;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;min-width:min(100%,540px)}.workspace-main__controls .field{flex:1 1 150px;min-width:150px}.workspace-main__controls .btn{min-height:48px}.offline-review-list{grid-gap:16px;display:grid;gap:16px}.offline-review-card{padding:18px}.offline-review-card__header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.offline-review-card__meta,.offline-review-card__reason{margin:10px 0 0}.offline-review-card__meta{color:#718096;color:var(--color-text-muted);font-size:13px}.offline-review-card__grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-top:14px}.offline-review-card__reason,.offline-review-card__retry-note{line-height:1.6}.offline-review-card__reason{margin-top:14px}.offline-review-card__reason strong{display:block;margin-bottom:4px}.offline-review-card__retry-note{margin-top:12px}.offline-review-card__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:14px}.sync-review-page .panel__header{gap:16px}.workspace-main__content{padding:28px}.troubleshoot-banner{align-items:center;background:radial-gradient(circle at top right,#8ec5ff2e,#0000 28%),linear-gradient(180deg,#fffffffa,#eff5fcfa);border:1px solid #b9d0f6e0;border-radius:20px;box-shadow:inset 0 1px 0 #ffffffeb,0 14px 30px #0b1b2b0f;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:18px 28px 0;padding:16px 18px}.troubleshoot-banner__copy{color:#4a5568;color:var(--color-text-subtle);display:flex;flex-direction:column;font-size:14px;gap:4px;line-height:1.55;min-width:min(100%,440px)}.troubleshoot-banner__copy strong{color:#1a202c;color:var(--color-text-strong);font-size:15px}.troubleshoot-banner__eyebrow{color:#132a49;color:var(--color-primary-strong);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.troubleshoot-banner__actions{align-items:center;display:flex;gap:12px}.workspace-menu-toggle{display:none}.workspace-main__controls .workspace-menu-toggle{background:linear-gradient(180deg,#fffffffa,#eff6fff5);border-color:#2563eb29;box-shadow:0 10px 20px #2563eb1a;color:#132a49;color:var(--color-primary-strong)}.dashboard-welcome{align-items:flex-start;background:radial-gradient(circle at top right,#8ec5ff42,#0000 28%),radial-gradient(circle at bottom left,#1659c02e,#0000 24%),linear-gradient(135deg,hsla(0,0%,100%,.985),rgba(241,247,255,.985) 56%,rgba(232,240,250,.985));border-color:#b9d0f685;box-shadow:inset 0 1px 0 #ffffffeb,0 24px 48px #0b1b2b1a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;overflow:hidden;padding:28px;position:relative}.dashboard-welcome:after{background:linear-gradient(120deg,#0000,#0000 68%,#ffffff6b);content:"";inset:0;pointer-events:none;position:absolute}.dashboard-welcome__copy{display:flex;flex-direction:column;gap:10px;min-width:min(100%,320px);position:relative;z-index:1}.dashboard-welcome__brand .brand-lockup__eyebrow{color:#1659c0cc}.dashboard-welcome__brand .brand-lockup__title{font-size:clamp(1.2rem,1.05rem + .45vw,1.5rem)}.dashboard-welcome__brand .brand-lockup__subtitle{max-width:34ch}.dashboard-welcome__copy h2{color:#1a202c;color:var(--color-text-strong);font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-display);font-size:clamp(1.8rem,1.5rem + .9vw,2.4rem);letter-spacing:-.04em;line-height:1.08;margin:0}.dashboard-welcome__copy p:last-child{color:#718096;color:var(--color-text-muted);line-height:1.6;margin:0;overflow-wrap:anywhere}.dashboard-welcome__actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;min-width:min(100%,320px);position:relative;z-index:1}.dashboard-welcome__actions .btn{border-radius:14px;box-shadow:0 12px 24px #0f172a14;min-height:46px;min-width:148px;padding-inline:18px}.dashboard-welcome__actions .btn--secondary{background:#ffffffc7;border:1px solid #bfdbfea3;color:#132a49;color:var(--color-primary-strong)}.dashboard-welcome__statusbar{flex:1 1 100%;position:relative;z-index:1}.access-denied-panel{padding:24px}.auth-shell{align-items:center;display:flex;justify-content:center;min-height:100dvh;padding-bottom:max(28px,env(safe-area-inset-bottom));padding-top:max(28px,env(safe-area-inset-top));position:relative}.auth-card{width:100%}.auth-card--form{background:radial-gradient(circle at top right,#b9d0f63d,#0000 22%),linear-gradient(180deg,#fffffffa,#f7fafdfa);border:1px solid #d6e0ebe6;border-radius:30px;box-shadow:inset 0 1px 0 #fffffffa,0 30px 60px #0b1b2b1f;gap:22px;padding:30px;width:min(720px,100%)}.auth-layout{grid-gap:28px;align-items:stretch;display:grid;gap:28px;grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);width:min(1180px,100%)}.auth-layout--landing{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)}.auth-layout--loading{grid-template-columns:minmax(0,720px);justify-content:center}.lock-shell{width:min(560px,100%)}.lock-card{background:radial-gradient(circle at top right,#b9d0f642,#0000 24%),linear-gradient(180deg,#fffffffa,#f7fafdfa);border:1px solid #d6e0ebe6;border-radius:30px;box-shadow:inset 0 1px 0 #fffffffa,0 30px 60px #0b1b2b24;gap:20px;padding:30px}.lock-card__intro{display:flex;flex-direction:column;gap:10px}.lock-card__intro h1{color:#1a202c;color:var(--color-text-strong);font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-display);font-size:clamp(2rem,1.6rem + 1vw,2.6rem);letter-spacing:-.05em;line-height:1.02;margin:0}.lock-card__identity{background:linear-gradient(180deg,#fff,#edf4fb);background:linear-gradient(180deg,#fff 0,var(--color-surface-tint) 100%);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:20px;display:flex;flex-direction:column;gap:4px;padding:16px 18px}.lock-card__identity strong{color:#1a202c;color:var(--color-text-strong)}.lock-card__identity span{color:#718096;color:var(--color-text-muted);font-size:14px}.lock-card__form{display:flex;flex-direction:column;gap:16px}.lock-card__toggle{margin-top:-4px}.lock-card__actions{display:flex;flex-wrap:wrap;gap:12px}.auth-showcase{background:radial-gradient(circle at top left,#8ec5ff38,#0000 22%),radial-gradient(circle at 85% 18%,#1659c029,#0000 24%),linear-gradient(155deg,#08111ffa,#13213afa);border:1px solid #84a8d62e;border-radius:30px;box-shadow:inset 0 1px 0 #ffffff0f,0 28px 60px #0206173d;color:#fff;color:var(--color-menu-text);overflow:hidden;padding:30px;position:relative}.auth-showcase--landing{padding:38px}.auth-showcase:before{background:radial-gradient(circle,#8ec5ff2e 0,#0000 70%);border-radius:999px;content:"";height:260px;inset:auto -10% -14% auto;pointer-events:none;position:absolute;width:260px}.auth-showcase__intro{display:flex;flex-direction:column;gap:14px;margin-bottom:26px;position:relative;z-index:1}.auth-brand{min-width:0}.auth-brand--card{justify-content:center;text-align:center}.auth-brand--showcase .brand-lockup__eyebrow{color:#8ec5ffeb}.auth-brand--showcase .brand-lockup__title{color:#f8fbff;font-size:clamp(1.45rem,1.2rem + .65vw,1.9rem)}.auth-brand--showcase .brand-lockup__subtitle{color:#e4f1ffc2}.auth-brand--card .brand-lockup__eyebrow{color:#1659c0c7}.auth-brand--card .brand-lockup__title{font-size:clamp(1.35rem,1.1rem + .55vw,1.75rem)}.auth-brand--card .brand-lockup__subtitle{max-width:36ch}.auth-showcase__eyebrow{color:#8ec5ffeb;font-size:12px;font-weight:800;letter-spacing:.18em;margin:0;text-transform:uppercase}.auth-showcase__intro h2{color:#f8fbff;font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-display);font-size:clamp(2rem,1.55rem + 1.15vw,2.85rem);letter-spacing:-.05em;line-height:1.02;margin:0}.auth-showcase__intro p{color:#e4f1ffcc;font-size:15px;line-height:1.7;margin:0;max-width:34ch}.auth-showcase__grid{grid-gap:14px;display:grid;gap:14px;position:relative;z-index:1}.auth-showcase__card{grid-gap:14px;align-items:start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid #8ec5ff1f;border-radius:20px;display:grid;gap:14px;grid-template-columns:auto minmax(0,1fr);padding:16px 18px}.auth-showcase__code{align-items:center;background:#8ec5ff14;border:1px solid #8ec5ff38;border-radius:999px;color:#f6fbff;display:inline-flex;font-size:11px;font-weight:900;height:30px;justify-content:center;letter-spacing:.14em;min-width:42px}.auth-showcase__card h3{color:#f8fbff;font-size:17px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}.auth-showcase__card p{color:#e4f1ffb8;font-size:13px;line-height:1.6;margin:0}.auth-card__intro{display:flex;flex-direction:column;gap:12px}.auth-card--landing{gap:22px}.landing-hero{display:flex;flex-direction:column;gap:22px;justify-content:space-between;min-height:100%;position:relative;z-index:1}.landing-hero__badges{display:flex;flex-wrap:wrap;gap:10px}.landing-hero__badge{align-items:center;background:#ffffff14;border:1px solid #8ec5ff2e;border-radius:999px;color:#f4faffeb;display:inline-flex;font-size:12px;font-weight:800;letter-spacing:.04em;min-height:34px;padding:8px 14px}.landing-hero__badge--trial{background:#8ec5ff29;color:#fff}.landing-hero__copy{display:flex;flex-direction:column;gap:16px}.landing-hero__copy h1{color:#f8fbff;font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-display);font-size:clamp(2.8rem,2rem + 1.7vw,4.4rem);letter-spacing:-.06em;line-height:.98;margin:0;max-width:12ch}.landing-hero__copy p{color:#e4f1ffd6;font-size:16px;line-height:1.75;margin:0;max-width:56ch}.landing-hero__actions{display:flex;flex-wrap:wrap;gap:12px}.landing-panel__topline{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.landing-panel__eyebrow{display:flex;flex-direction:column;gap:6px;max-width:42ch}.landing-panel__eyebrow span{color:#1a365d;color:var(--color-primary);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.landing-panel__eyebrow strong{color:#1a202c;color:var(--color-text-strong);font-size:1.05rem;line-height:1.5}.landing-feature-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.landing-feature-card{grid-gap:14px;align-items:start;background:linear-gradient(180deg,#fffffffa,#f4f8fcfa);border:1px solid #e2e8f0;border:1px solid var(--color-border-soft);border-radius:20px;box-shadow:inset 0 1px 0 #ffffffeb,0 16px 28px #0b1b2b0f;display:grid;gap:14px;grid-template-columns:auto minmax(0,1fr);padding:16px 18px}.landing-feature-card__code{align-items:center;background:#ebf8ff;background:var(--color-primary-soft);border-radius:999px;color:#132a49;color:var(--color-primary-strong);display:inline-flex;font-size:11px;font-weight:900;height:32px;justify-content:center;letter-spacing:.12em;min-width:42px}.landing-feature-card h2{color:#1a202c;color:var(--color-text-strong);font-size:1rem;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}.landing-feature-card p{color:#718096;color:var(--color-text-muted);font-size:13px;line-height:1.65;margin:0}.landing-install-cta{margin-top:4px}.landing-media-section{background:linear-gradient(180deg,#f8fbfffa,#f2f7fcfa)}.landing-demo-section,.landing-media-section{border:1px solid #e2e8f0;border:1px solid var(--color-border-soft);border-radius:24px;display:flex;flex-direction:column;gap:18px;padding:22px}.landing-demo-section{background:linear-gradient(180deg,#fffffffa,#f6f9fdfa)}.landing-demo-section__intro{display:flex;flex-direction:column;gap:8px}.landing-demo-section__intro h2{color:#1a202c;color:var(--color-text-strong);font-size:clamp(1.45rem,1.2rem + .45vw,1.9rem);letter-spacing:-.03em;margin:0}.landing-demo-section__intro p{color:#718096;color:var(--color-text-muted);line-height:1.7;margin:0;max-width:62ch}.landing-demo-form{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.landing-demo-form__actions,.landing-demo-form__message{grid-column:1/-1}.landing-demo-form__actions{display:flex;justify-content:flex-start}.landing-media-section__intro{display:flex;flex-direction:column;gap:8px}.landing-media-section__intro h2{color:#1a202c;color:var(--color-text-strong);font-size:clamp(1.45rem,1.2rem + .45vw,1.9rem);letter-spacing:-.03em;margin:0}.landing-media-section__intro p{color:#718096;color:var(--color-text-muted);line-height:1.7;margin:0;max-width:62ch}.landing-media-layout{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}.landing-screenshot-card,.landing-video-card{background:linear-gradient(180deg,#fff,#f8fbff);background:linear-gradient(180deg,#fff 0,var(--color-surface-soft) 100%);border:1px solid #e2e8f0;border:1px solid var(--color-border-soft);border-radius:20px;box-shadow:inset 0 1px 0 #ffffffe6,0 12px 26px #0b1b2b0f;display:flex;flex-direction:column;gap:14px;padding:16px}.landing-video-card__frame{background:radial-gradient(circle at 18% 18%,#8ec5ff38,#0000 22%),radial-gradient(circle at 82% 24%,#1659c02e,#0000 26%),linear-gradient(160deg,#08111ffa,#13213afa);border-radius:18px;min-height:280px;overflow:hidden;position:relative}.landing-video-card__frame:before{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:14px;content:"";inset:16px;position:absolute}.landing-video-card__play{background:#ffffff24;border-radius:999px;box-shadow:0 18px 36px #02061738;height:88px;inset:50% auto auto 50%;position:absolute;transform:translate(-50%,-50%);width:88px}.landing-video-card__play:before{border-bottom:14px solid #0000;border-left:22px solid #ffffffeb;border-top:14px solid #0000;content:"";inset:50% auto auto 50%;position:absolute;transform:translate(-38%,-50%)}.landing-screenshot-card__content,.landing-video-card__content{display:flex;flex-direction:column;gap:6px}.landing-screenshot-card__content strong,.landing-video-card__content strong{color:#1a202c;color:var(--color-text-strong);font-size:1rem;letter-spacing:-.02em}.landing-video-card__content p{color:#718096;color:var(--color-text-muted);font-size:13px;line-height:1.65;margin:0}.landing-media-caption{color:#132a49;color:var(--color-primary-strong);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.landing-screenshot-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.landing-screenshot-card__frame{align-items:flex-end;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff14;color:#f4faffeb;display:flex;font-size:12px;font-weight:800;letter-spacing:.08em;min-height:164px;padding:14px;text-transform:uppercase}.landing-screenshot-card__frame span{background:#08111f70;border-radius:999px;display:inline-flex;padding:8px 12px}.landing-screenshot-card__frame--dashboard{background:radial-gradient(circle at 20% 18%,#8ec5ff47,#0000 24%),linear-gradient(165deg,#0b1b2bfa,#1c4d99e6)}.landing-screenshot-card__frame--inventory{background:radial-gradient(circle at 78% 20%,#ffffff1f,#0000 18%),linear-gradient(165deg,#092328fa,#147a68e6)}.landing-screenshot-card__frame--offline-sync{background:radial-gradient(circle at 18% 80%,#ffffff1f,#0000 20%),linear-gradient(165deg,#2c1a48fa,#6540a5e6)}.landing-screenshot-card__frame--reports{background:radial-gradient(circle at 78% 18%,#ffffff24,#0000 18%),linear-gradient(165deg,#492208fa,#b46018e0)}.landing-panel__footer{align-items:flex-start;color:#718096;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:14px;gap:12px;justify-content:space-between;padding-top:6px}.landing-panel__footer-copy{display:flex;flex-direction:column;gap:4px}.landing-panel__footer-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.auth-card__intro h1{color:#1a202c;color:var(--color-text-strong);font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-display);font-size:clamp(2rem,1.6rem + 1vw,2.85rem);letter-spacing:-.05em;line-height:1.02;margin:0}.auth-tabs{grid-gap:10px;background:linear-gradient(180deg,#f4f7fbfa,#edf3f8fa);border:1px solid #d6e0ebeb;border-radius:22px;box-shadow:inset 0 1px 0 #fffffff0;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.auth-tabs__button{background:#0000;border:1px solid #0000;border-radius:16px;color:#4a5568;color:var(--color-text-subtle);cursor:pointer;font-size:14px;font-weight:800;letter-spacing:.03em;min-height:52px;text-transform:uppercase;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.auth-tabs__button:hover{border-color:#bfdbfe;border-color:var(--color-primary-border);color:#1a202c;color:var(--color-text-strong);transform:translateY(-1px)}.auth-tabs__button--active{background:linear-gradient(180deg,#fff,#ebf8ff);background:linear-gradient(180deg,#fff 0,var(--color-primary-soft) 100%);border-color:#b9d0f6f0;box-shadow:0 12px 24px #1659c01f;color:#132a49;color:var(--color-primary-strong)}.auth-tabs__helper{color:#718096;color:var(--color-text-muted);font-size:14px;line-height:1.65}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form__meta{display:flex;justify-content:flex-end}.auth-form__grid{align-items:start}.auth-form__section{margin-top:4px}.install-cta{align-items:center;background:linear-gradient(180deg,#f2f7fff5,#fffffffa);border:1px solid #b9d0f6f0;border-radius:20px;display:flex;gap:16px;justify-content:space-between;padding:16px 18px}.install-cta__copy{display:flex;flex-direction:column;gap:4px}.install-cta__copy strong{color:#1a202c;color:var(--color-text-strong);font-size:15px}.install-cta__copy p{color:#718096;color:var(--color-text-muted);font-size:13px;line-height:1.55;margin:0}.auth-password-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.auth-password-toggle{min-height:50px;min-height:var(--form-control-height);white-space:nowrap}.auth-link{background:#0000;border:none;color:#1a365d;color:var(--color-primary);cursor:pointer;font-size:14px;font-weight:700;padding:0;text-align:left}.auth-link:hover{color:#132a49;color:var(--color-primary-strong);text-decoration:underline}.auth-legal-footer{border-top:1px solid #d6e0ebe6;color:#718096;color:var(--color-text-muted);font-size:14px;justify-content:space-between;padding-top:8px}.auth-legal-footer,.auth-legal-links{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.auth-legal-links--inline{margin-top:8px}.checkbox-field--legal{align-items:flex-start}.checkbox-field--legal span{line-height:1.5}.legal-page{gap:20px}.legal-page__sections{display:flex;flex-direction:column;gap:16px}.legal-page__section{background:#ffffffdb;border:1px solid #d6e0ebeb;border-radius:18px;padding:18px}.legal-page__section h2{color:#1a202c;color:var(--color-text-strong);font-size:1.05rem;margin:0 0 8px}.legal-page__section p{line-height:1.7;margin:0}.auth-password-help,.legal-page__section p{color:#718096;color:var(--color-text-muted)}.auth-password-help{display:block;line-height:1.5;margin-top:8px}@media (max-width:980px){.auth-layout,.auth-layout--landing{grid-template-columns:1fr}.auth-showcase{min-height:0}.landing-hero__copy h1,.landing-hero__copy p{max-width:none}.landing-demo-form,.landing-feature-grid,.landing-media-layout{grid-template-columns:1fr}}@media (max-width:720px){.app-shell{padding:18px}.brand-lockup{gap:14px}.brand-logo--auth,.login-logo{height:88px;width:88px}.brand-logo--auth .brand-logo__fallback-letter,.login-logo .brand-logo__fallback-letter{font-size:2.9rem}.brand-logo--auth-card{height:72px;width:72px}.brand-logo--auth-card .brand-logo__fallback-letter{font-size:2.45rem}.auth-layout{gap:18px}.auth-card--form,.auth-showcase{border-radius:24px;padding:22px}.auth-showcase--landing{padding:24px}.auth-showcase__intro p{max-width:none}.landing-hero{gap:18px}.landing-hero__copy h1{font-size:clamp(2.35rem,1.7rem + 2vw,3.3rem)}.landing-hero__actions,.landing-panel__footer,.landing-panel__topline{align-items:stretch;flex-direction:column}.auth-legal-footer,.landing-panel__footer-actions{justify-content:flex-start}.landing-media-section{padding:18px}.landing-video-card__frame{min-height:220px}.landing-screenshot-grid{grid-template-columns:1fr}.landing-hero__actions .btn,.landing-panel__footer .btn{width:100%}.pwa-update-banner{align-items:stretch;flex-direction:column}.pwa-update-banner__actions,.pwa-update-banner__actions .btn{width:100%}.install-cta{align-items:stretch;flex-direction:column}}.page{display:flex;flex-direction:column;gap:24px;min-width:0;width:100%}.hero,.topbar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.hero h1,.topbar h1{font-size:34px;font-weight:800;letter-spacing:-.03em;margin:0 0 6px}.hero__text,.topbar p{color:#718096;color:var(--color-text-muted);font-size:15px;line-height:1.55;margin:0;max-width:62ch}.eyebrow{color:#1a365d;color:var(--color-primary);font-size:13px;font-weight:700;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.topbar__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;min-width:0}.language-field{min-width:min(160px,100%)}.dashboard-header-bar{align-items:center;background:linear-gradient(180deg,#fffffff2,#f3f8fff5);border:1px solid #bfdbfe80;border-radius:18px;box-shadow:inset 0 1px 0 #ffffffe6,0 14px 30px #0f172a0f;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-left:auto;padding:14px 16px;width:min(100%,780px)}.dashboard-header-bar__actions,.dashboard-header-bar__group{align-items:center;display:flex;flex-wrap:wrap;gap:10px;min-width:0}.dashboard-header-bar__group{flex:1 1 420px}.dashboard-header-bar__actions{justify-content:flex-end;margin-left:auto}.dashboard-header-bar__item{background:#ffffffbd;border:1px solid #bfdbfe75;border-radius:14px;box-shadow:inset 0 1px 0 #ffffffe0;min-width:min(190px,100%);padding:10px 12px}.dashboard-header-bar__label{color:#4a5568;color:var(--color-text-subtle);display:block;font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.dashboard-header-bar__item strong{color:#1a202c;color:var(--color-text-strong);font-size:15px;line-height:1.4}.dashboard-header-bar__field{max-width:240px;min-width:200px}.dashboard-header-bar__user{margin-left:auto;min-width:210px}.app-shell--operations{max-width:none;min-height:100vh;padding:20px}.operations-mode{display:flex;flex-direction:column;gap:20px;min-height:calc(100vh - 40px)}.operations-mode__header{align-items:flex-start;background:radial-gradient(circle at top right,#2563eb1a,#0000 28%),linear-gradient(180deg,#fff,#f7fbff);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:22px;box-shadow:0 18px 40px #0f172a14;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:24px 28px}.operations-mode__intro{max-width:58ch;min-width:0}.operations-mode__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-left:auto;min-width:0}.operations-mode__user{min-width:220px}.operations-mode__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;min-width:0}.barcode-actions-stack{display:flex;flex-direction:column;gap:10px}.operations-mode__layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr)}.operations-mode__panel{gap:20px}.operations-mode__panel--primary{padding:26px}.operations-mode__panel--secondary{padding:22px;position:sticky;top:20px}.operations-mode__form{display:flex;flex-direction:column;gap:18px}.operations-mode__hero{grid-gap:18px;align-items:end;display:grid;gap:18px;grid-template-columns:minmax(0,1.4fr) minmax(220px,.7fr)}.operations-mode__barcode{grid-gap:14px;align-items:end;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.operations-mode__barcode .field input{font-size:24px;font-weight:700;letter-spacing:.02em;min-height:64px;padding:16px 18px}.operations-mode__lookup{font-size:15px;min-height:64px;padding-inline:22px}.camera-scanner{background:linear-gradient(180deg,#fbfdff,#f1f7ff);border:1px solid #bfdbfe;border:1px solid var(--color-primary-border);border-radius:18px;display:flex;flex-direction:column;gap:14px;padding:18px}.camera-scanner__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.camera-scanner__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.camera-scanner__header h3{color:#1a202c;color:var(--color-text-strong);font-size:18px;margin:0 0 4px}.camera-scanner__header p{color:#718096;color:var(--color-text-muted);font-size:14px;line-height:1.5;margin:0;max-width:58ch}.camera-scanner__help{background:linear-gradient(180deg,#eff6ffeb,#dbeafed6);border:1px solid #60a5fa3d;border-radius:14px;display:flex;flex-direction:column;gap:10px;padding:14px 16px}.camera-scanner__help-title{color:#1a202c;color:var(--color-text-strong);font-size:14px;font-weight:800;line-height:1.4;margin:0}.camera-scanner__help-description{color:#718096;color:var(--color-text-muted);font-size:13px;line-height:1.5;margin:0}.camera-scanner__help-list{color:#1a202c;color:var(--color-text-strong);font-size:13px;line-height:1.6;margin:0;padding-left:18px}.camera-scanner__help-list li+li{margin-top:4px}.camera-scanner__viewport{background:linear-gradient(180deg,#0f172a,#1e293b);border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff14;min-height:280px;overflow:hidden;position:relative}.camera-scanner__viewport--loading:after{animation:scanner-pulse 1.4s linear infinite;background:linear-gradient(90deg,#0f172a8c,#2563eb2e,#0f172a8c);content:"";inset:0;position:absolute}.camera-scanner__mount,.camera-scanner__mount canvas,.camera-scanner__mount video,.camera-scanner__mount>div{min-height:280px;width:100%}.camera-scanner__mount{position:relative;z-index:1}.camera-scanner__mount>div{background:#0000!important;border:0!important}.camera-scanner__mount canvas,.camera-scanner__mount video{border-radius:16px;display:block;object-fit:cover}.camera-scanner__mount video{background:#0f172a}.camera-scanner__mount img,.camera-scanner__mount span{display:none!important}.camera-scanner__frame{border:2px solid #ffffffe6;border-radius:18px;box-shadow:0 0 0 999px #0f172a38,0 0 0 1px #ffffff2e;inset:14% 10%;pointer-events:none;position:absolute;z-index:2}@keyframes scanner-pulse{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.operations-mode__toggle{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.operations-mode__toggle-btn{background:linear-gradient(180deg,#fff,#edf4fb);background:linear-gradient(180deg,var(--color-surface) 0,var(--color-surface-tint) 100%);border:1px solid #cbd5e0;border:1px solid var(--color-border-input);border-radius:18px;color:#1a202c;color:var(--color-text-strong);cursor:pointer;font-size:18px;font-weight:800;min-height:64px;padding:14px 18px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.operations-mode__toggle-btn:hover:not(:disabled){border-color:#bfdbfe;border-color:var(--color-primary-border);transform:translateY(-1px)}.operations-mode__toggle-btn:disabled{cursor:not-allowed;opacity:.55}.operations-mode__toggle-btn--active{background:linear-gradient(180deg,#fdfefe,#ebf8ff);background:linear-gradient(180deg,#fdfefe 0,var(--color-primary-soft) 100%);border-color:#1a365d;border-color:var(--color-primary);box-shadow:0 0 0 3px #3182ce26;box-shadow:var(--form-focus-ring);color:#132a49;color:var(--color-primary-strong)}.operations-mode__details,.operations-mode__entry,.operations-mode__summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.operations-mode__entry .field input,.operations-mode__entry .field select{font-size:17px;min-height:56px}.operations-mode__entry .field--prominent input{font-size:22px;font-weight:700}.operations-mode__footer{display:flex;justify-content:flex-end}.operations-mode__primary{box-shadow:0 16px 28px #2563eb33;font-size:18px;font-weight:800;min-height:62px;min-width:min(100%,320px);padding-inline:28px}.operations-mode__recent-header h2{color:#1a202c;color:var(--color-text-strong);font-size:20px;margin:0 0 6px}.operations-mode__recent-header p{color:#718096;color:var(--color-text-muted);font-size:14px;line-height:1.5;margin:0}.operations-mode__recent-list{display:flex;flex-direction:column;gap:12px}.operations-mode__recent-item{background:linear-gradient(180deg,#fff,#edf4fb);background:linear-gradient(180deg,var(--color-surface) 0,var(--color-surface-tint) 100%);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:16px;display:flex;flex-direction:column;gap:10px;padding:16px}.operations-mode__recent-meta,.operations-mode__recent-top{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.operations-mode__recent-top{color:#4a5568;color:var(--color-text-subtle);font-size:13px}.operations-mode__recent-name{color:#1a202c;color:var(--color-text-strong);font-size:17px;font-weight:700}.operations-mode__recent-meta{color:#718096;color:var(--color-text-muted);font-size:13px}.operations-mode__recent-note{color:#4a5568;color:var(--color-text-subtle);font-size:13px;line-height:1.5}.user-chip{background:linear-gradient(180deg,#fffffffa,#f5f8fcfa);border:1px solid #d6e0ebeb;border-radius:16px;box-shadow:0 10px 24px #0b1b2b0d;color:#1a202c;color:var(--color-text-strong);display:flex;flex-direction:column;gap:4px;padding:12px 15px}.user-chip strong{font-size:14px}.user-chip span{color:#718096;color:var(--color-text-muted);font-size:12px}.tenant-context-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tenant-context-card{background:radial-gradient(circle at top right,#7dd3fc1f,#0000 28%),linear-gradient(180deg,#fffffffa,#f6fafffa);border-color:#bfdbfe85;box-shadow:inset 0 1px 0 #ffffffeb,0 14px 30px #0f172a0f;gap:10px;overflow:hidden;position:relative}.tenant-context-card h2{font-size:24px;letter-spacing:-.03em;margin:0}.tenant-context-card p{color:#718096;color:var(--color-text-muted);line-height:1.5;margin:0}.tenant-context-card__eyebrow{color:#132a49;color:var(--color-primary-strong);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.tenant-context-card__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.role-pill,.status-pill{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;letter-spacing:.02em;line-height:1.25;max-width:100%;min-height:32px;min-width:0;overflow-wrap:anywhere;padding:.2rem .7rem;text-align:center;white-space:nowrap}.role-pill{background:#2563eb1a;border-color:#2563eb29;color:#1d4ed8}.role-pill--muted{background:#0f172a0f;border-color:#e2e8f0;border-color:var(--color-border);color:#4a5568;color:var(--color-text-subtle)}.role-pill--demo{background:#d977061f;border-color:#d9770633;color:#b45309}.status-pill--active{background:#c6f6d5;border-color:#9ae6b4;color:#276749}.status-pill--online{background:#ebf8ff;border-color:#90cdf4;color:#2b6cb0}.status-pill--offline{background:#edf2f7;border-color:#cbd5e0;color:#4a5568}.status-pill--inactive{background:#fed7d7;border-color:#feb2b2;color:#822727}.status-pill--warning{background:#fefcbf;border-color:#f6e05e;color:#744210}.status-pill--suspended{background:#fed7d7;border-color:#feb2b2;color:#822727}.table-meta-cell{display:flex;flex-direction:column;gap:4px}.table-meta-cell strong{color:#1a202c;color:var(--color-text-strong);font-size:14px}.table-meta-cell span{color:#718096;color:var(--color-text-muted);font-size:12px}.table-wrap--stacked{margin-top:18px}.table-wrap__header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.actions--lead-status{flex-wrap:wrap}.lead-follow-up{grid-gap:10px;display:grid;gap:10px;min-width:240px}.field--table{gap:6px;margin:0}.field--table span{color:#718096;color:var(--color-text-muted);font-size:11px}.field--table input,.field--table select,.field--table textarea{width:100%}.field--table textarea{min-height:88px;resize:vertical}.table-wrap__header h3{color:#1a202c;color:var(--color-text-strong);margin:0}.table-wrap__header p{color:#718096;color:var(--color-text-muted);margin:6px 0 0}.btn--scan-entry{min-height:48px;padding-inline:18px}.scan-hero{background:radial-gradient(circle at top right,#2563eb1f,#0000 30%),linear-gradient(180deg,#fff,#f7fbff);border-color:#bfdbfe;border-color:var(--color-primary-border);gap:20px}.scan-hero__header h2{font-size:30px;font-weight:800;letter-spacing:-.03em;margin:0}.scan-hero__text{color:#718096;color:var(--color-text-muted);font-size:15px;line-height:1.6;margin:8px 0 0}.scan-hero__layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.scan-hero__card,.scan-result-card{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:18px;box-shadow:0 10px 28px #0f172a0d;min-width:0;padding:20px}.scan-input-row{display:flex;flex-direction:column;gap:16px}.scan-field{margin:0}.scan-field__input{font-size:22px;font-weight:700;letter-spacing:.02em;min-height:62px}.scan-input-row__actions,.scan-result-card__actions{display:flex;flex-wrap:wrap;gap:12px}.btn--scan{font-size:16px;font-weight:700;min-height:54px;min-width:148px}.scan-result-card__content{display:flex;flex-direction:column;gap:18px}.scan-result-card__status{display:flex;justify-content:flex-start}.scan-result-card__grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.scan-result-card__empty{display:flex;flex-direction:column;gap:16px}.projection-panel{gap:20px}.projection-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.projection-form{display:flex;flex-direction:column;gap:18px}.projection-form__grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.projection-results{background:radial-gradient(circle at top right,#2563eb14,#0000 34%),linear-gradient(180deg,#fff,#edf4fb);background:radial-gradient(circle at top right,#2563eb14,#0000 34%),linear-gradient(180deg,var(--color-surface) 0,var(--color-surface-tint) 100%);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:18px;box-shadow:0 14px 32px #0f172a0f;min-height:100%;min-width:0;padding:20px}.projection-results__content{display:flex;flex-direction:column;gap:18px}.projection-results__header h3{color:#1a202c;color:var(--color-text-strong);font-size:24px;font-weight:800;margin:0 0 6px}.projection-results__header p{color:#718096;color:var(--color-text-muted);line-height:1.55;margin:0}.projection-results__eyebrow{color:#1a365d;color:var(--color-primary);font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.projection-results__grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.projection-stat{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:16px;box-shadow:0 10px 24px #0f172a0a;padding:16px}.projection-stat--primary{background:linear-gradient(180deg,#ebf8ff,#fff);background:linear-gradient(180deg,var(--color-primary-soft) 0,#fff 100%);border-color:#bfdbfe;border-color:var(--color-primary-border)}.projection-stat--success{background:linear-gradient(180deg,#c6f6d5,#fff);background:linear-gradient(180deg,var(--color-success-soft) 0,#fff 100%);border-color:#9ae6b4;border-color:var(--color-success-border)}.projection-stat--warning{background:linear-gradient(180deg,#fefcbf,#fff);background:linear-gradient(180deg,var(--color-warning-soft) 0,#fff 100%);border-color:#f6e05e;border-color:var(--color-warning-border)}.projection-stat--danger{background:linear-gradient(180deg,#fed7d7,#fff);background:linear-gradient(180deg,var(--color-danger-soft) 0,#fff 100%);border-color:#feb2b2;border-color:var(--color-danger-border)}.projection-stat__label{color:#4a5568;color:var(--color-text-subtle);font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:10px;text-transform:uppercase}.projection-stat__value{font-feature-settings:"tnum";color:#1a202c;color:var(--color-text-strong);font-size:clamp(1.35rem,2vw,1.75rem);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.03em;line-height:1.1;overflow-wrap:anywhere}.projection-panel__actions{display:flex;flex-wrap:wrap;gap:10px}.projection-comparison{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:16px;padding-top:4px}.projection-comparison__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.projection-comparison__header h4{color:#1a202c;color:var(--color-text-strong);font-size:20px;font-weight:800;margin:0}.projection-outcome{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;justify-content:center;letter-spacing:.04em;min-height:34px;padding:0 14px;text-transform:uppercase}.projection-outcome--success{background:#c6f6d5;background:var(--color-success-soft);border-color:#9ae6b4;border-color:var(--color-success-border);color:#38a169;color:var(--color-success)}.projection-outcome--warning{background:#fefcbf;background:var(--color-warning-soft);border-color:#f6e05e;border-color:var(--color-warning-border);color:#d69e2e;color:var(--color-warning)}.projection-outcome--danger{background:#fed7d7;background:var(--color-danger-soft);border-color:#feb2b2;border-color:var(--color-danger-border);color:#e53e3e;color:var(--color-danger)}.stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden;padding:1.5rem;position:relative;text-align:left;transition:box-shadow .2s ease,transform .2s ease}.stat-card:before{background:#1a365d;background:var(--color-primary);content:"";height:100%;left:0;opacity:.9;position:absolute;top:0;width:4px}.stat-card--interactive{appearance:none;-webkit-appearance:none;border:1px solid #bfdbfe75;cursor:pointer;font:inherit;text-align:left;transition:box-shadow .2s ease,transform .2s ease;width:100%}.stat-card--interactive:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.stat-card--alert{background:#fffaf0;border-color:#f6e05e;border-color:var(--color-warning-border)}.stat-card--alert:before{background:#d69e2e;background:var(--color-warning)}.stat-card__label{align-items:center;color:#718096;color:var(--color-text-muted);display:inline-flex;font-size:.8rem;font-weight:600;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.stat-card__value{font-feature-settings:"tnum";color:#1a365d;color:var(--color-primary);font-size:clamp(1.9rem,3vw,2rem);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:12px;overflow-wrap:anywhere}.exchange-rate__timestamp{font-size:20px;line-height:1.2}.stat-card__subtext{color:#718096;color:var(--color-text-muted);font-size:.85rem;line-height:1.5}.stat-card__actions{color:#132a49;color:var(--color-primary-strong);font-size:12px;font-weight:800;letter-spacing:.08em;margin-top:14px;text-transform:uppercase}.dashboard-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dashboard-metric-card{min-height:100%}.dashboard-chart-grid{align-items:stretch}.dashboard-chart-empty{min-height:100%}.dashboard-chart-empty .chart-card__empty,.dashboard-chart-empty .feedback-state,.dashboard-chart-empty .state{min-height:180px}.panel{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-card-sm);box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;gap:18px;min-width:0;padding:1.5rem;transition:box-shadow .2s ease,transform .2s ease}.panel h2{font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:-.03em;margin:0}.panel__header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.panel__header h2{margin:0}.panel__header>div:first-child{display:flex;flex-direction:column;gap:6px}.panel__header p,.panel__header span{color:#718096;color:var(--color-text-muted);font-size:.9rem;line-height:1.5;margin:0}.controller-panel{gap:20px}.access-denied-panel{background:linear-gradient(180deg,#fff,#fefcbf);background:linear-gradient(180deg,var(--color-surface) 0,var(--color-warning-soft) 100%);border-color:#f6e05e;border-color:var(--color-warning-border)}.workspace-mode-card{background:linear-gradient(180deg,#fff,#edf4fb);background:linear-gradient(180deg,var(--color-surface) 0,var(--color-surface-tint) 100%);border-color:#bfdbfe;border-color:var(--color-primary-border)}.workspace-mode-card__meta{margin-bottom:8px}.workspace-mode-card__actions{display:flex;flex-wrap:wrap;gap:10px}.role-access-panel{gap:18px}.role-access-panel__grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.role-access-card{background:linear-gradient(180deg,#fff,#f5faff);background:linear-gradient(180deg,var(--color-surface) 0,var(--color-primary-tint) 100%);border:1px solid #bfdbfe;border:1px solid var(--color-primary-border);border-radius:18px;padding:18px}.role-access-card--restricted{background:linear-gradient(180deg,#fff,#fefcbf);background:linear-gradient(180deg,var(--color-surface) 0,var(--color-warning-soft) 100%);border-color:#f6e05e;border-color:var(--color-warning-border)}.role-access-card__summary{color:#4a5568;color:var(--color-text-subtle);line-height:1.6;margin:10px 0 14px}.role-access-card__list{grid-gap:8px;color:#1a202c;color:var(--color-text-strong);display:grid;gap:8px;margin:0;padding-left:18px}.barcode-actions-stack .btn,.inventory-actions .btn,.projection-panel__actions .btn,.topbar__actions .btn,.workspace-mode-card__actions .btn{min-height:46px}.controller-panel--workspace{background:linear-gradient(180deg,#fff,#f5faff);background:linear-gradient(180deg,var(--color-surface) 0,var(--color-primary-tint) 100%);border-color:#bfdbfe;border-color:var(--color-primary-border)}.controller-panel__header{align-items:flex-end}.controller-panel__section{display:flex;flex-direction:column;gap:16px}.controller-branding-preview{display:flex;flex-direction:column;gap:14px}.controller-branding-preview__lockup{width:100%}.controller-branding-preview__meta{display:flex;flex-wrap:wrap;gap:10px}.controller-branding-preview__audit,.controller-branding-preview__note{margin:0}.controller-branding-preview__audit{background:#f8fafce6;border:1px solid #94a3b829;border-radius:16px;color:#4a5568;color:var(--color-text-subtle);display:flex;flex-direction:column;gap:6px;padding:14px 16px}.controller-branding-preview__audit strong{color:#1a202c;color:var(--color-text-strong)}.controller-branding-preview__note{color:#718096;color:var(--color-text-muted);line-height:1.6}.controller-tabs{background:linear-gradient(180deg,#fffffff5,#f1f7fffa);border:1px solid #94a3b82e;border-radius:18px;box-shadow:inset 0 1px 0 #ffffffdb,0 12px 28px #0f172a0d;display:inline-flex;flex-wrap:wrap;gap:10px;max-width:100%;padding:6px;width:fit-content}.controller-tabs__button{background:#ffffff5c;border:1px solid #94a3b814;border-radius:12px;color:#4a5568;color:var(--color-text-subtle);cursor:pointer;font-size:14px;font-weight:800;min-height:46px;padding:0 18px;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.controller-tabs__button:hover{background:#ffffffb8;border-color:#60a5fa42;color:#1a202c;color:var(--color-text-strong);transform:translateY(-1px)}.controller-tabs__button--active{background:linear-gradient(180deg,#fff,#e0f2feeb);border-color:#60a5fa4d;box-shadow:0 10px 22px #2563eb24;color:#132a49;color:var(--color-primary-strong)}.controller-toolbar{grid-gap:14px;align-items:end;display:grid;gap:14px;grid-template-columns:minmax(260px,1.5fr) auto}.controller-toolbar--users{grid-template-columns:minmax(260px,1.5fr) minmax(180px,.8fr) minmax(180px,.8fr)}.controller-toolbar--audit{grid-template-columns:minmax(240px,1.4fr) repeat(auto-fit,minmax(170px,1fr))}.controller-toolbar__search{margin:0}.controller-panel__note{margin-top:-2px}.controller-edit-meta{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.control-panel,.control-panel__content{align-items:center;display:flex}.control-panel__content{flex-wrap:wrap;gap:20px;justify-content:space-between;min-width:0;width:100%}.control-panel__content h2{margin:0 0 6px}.control-panel__content p{color:#718096;color:var(--color-text-muted);font-size:14px;margin:0}.control-panel__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.control-panel__chip{align-items:center;background:#ebf8ff;background:var(--color-primary-soft);border:1px solid #bfdbfe;border:1px solid var(--color-primary-border);border-radius:999px;color:#132a49;color:var(--color-primary-strong);display:inline-flex;font-size:12px;font-weight:700;line-height:1.3;max-width:100%;min-width:0;overflow-wrap:anywhere;padding:6px 12px;text-align:center;white-space:nowrap}.control-panel__actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-left:auto;min-width:0}.control-panel__current{font-feature-settings:"tnum";background:#edf2f7;background:var(--color-surface-muted);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;color:#1a202c;color:var(--color-text-strong);font-size:22px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.04em;max-width:100%;min-width:82px;overflow-wrap:anywhere;padding:12px 14px;text-align:center}.control-panel__field{min-width:200px}.inventory-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.toolbar{align-items:stretch;gap:18px}.table-meta,.toolbar{display:flex;flex-wrap:wrap}.table-meta{align-items:center;color:#4a5568;color:var(--color-text-subtle);font-size:12px;font-weight:800;gap:12px;justify-content:space-between;letter-spacing:.08em;min-width:0;text-transform:uppercase}.chart-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.chart-card{background:linear-gradient(180deg,#f8fbff,#f4f9ff);background:linear-gradient(180deg,var(--color-surface-soft) 0,var(--color-surface-info) 100%);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:16px;box-shadow:0 8px 24px #00000014;box-shadow:0 8px 24px var(--color-shadow);cursor:pointer;padding:18px;text-align:left;transition:box-shadow .2s ease,transform .2s ease;width:100%}.chart-card:hover{box-shadow:0 10px 24px #0000001f;box-shadow:0 10px 24px var(--color-shadow-strong);transform:translateY(-1px)}.chart-card__header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.chart-card__title{color:#1a202c;color:var(--color-text-strong);font-size:15px;font-weight:800;letter-spacing:-.01em}.chart-card__meta{color:#718096;color:var(--color-text-muted);font-size:13px;line-height:1.45;margin-top:4px}.chart-card__badge{border-radius:999px;flex:0 0 auto;height:12px;margin-top:4px;width:12px}.chart-card--compact{padding:14px 14px 10px}.chart-card--compact .chart-card__header{margin-bottom:8px}.chart-card--compact .chart-card__title{font-size:14px}.chart-card--compact .chart-card__meta{font-size:12px}.chart-card--compact .chart-card__empty{align-items:center;display:flex;min-height:74px}.chart-card__svg{display:block;height:auto;width:100%}.chart-card__axis{stroke:#e2e8f0;stroke:var(--color-neutral-soft-2);stroke-width:1}.chart-card__label{fill:#718096;fill:var(--color-text-muted);font-size:11px;font-weight:600}.chart-card--static{cursor:default}.chart-card--static:hover{box-shadow:none;transform:none}.chart-card__empty{align-items:center;display:flex;min-height:112px}.value-chart{gap:12px}.value-chart,.value-chart__row{display:flex;flex-direction:column}.value-chart__row{gap:6px}.value-chart__meta{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.value-chart__label{color:#1a202c;color:var(--color-text);font-size:13px;font-weight:600}.value-chart__value{font-feature-settings:"tnum";color:#1a202c;color:var(--color-text-strong);font-size:13px;font-variant-numeric:tabular-nums;font-weight:700;overflow-wrap:anywhere;text-align:right}.value-chart__track{background:#edf2f7;background:var(--color-neutral-soft);border-radius:999px;height:10px;overflow:hidden;width:100%}.value-chart__bar{border-radius:999px;height:100%}.exchange-chart-row{display:flex;justify-content:flex-start}.exchange-chart-wrap{width:min(430px,100%)}.exchange-chart-card{background:linear-gradient(180deg,#edf4fb,#f5faff);background:linear-gradient(180deg,var(--color-surface-tint) 0,var(--color-primary-tint) 100%)}.exchange-calculator-panel{margin-top:20px}.exchange-calculator-grid{grid-gap:18px;align-items:stretch;display:grid;gap:18px;grid-template-columns:minmax(0,220px) minmax(0,1fr)}.exchange-calculator-result{justify-content:center;min-height:100%}.exchange-page__note{align-items:flex-start;flex-direction:column;gap:4px}.exchange-page__note span,.exchange-page__note strong{color:inherit}.detail-field__hint{color:#718096;color:var(--color-text-muted);font-size:13px;line-height:1.5}@media (max-width:760px){.exchange-calculator-grid,.item-pricing-pair{grid-template-columns:1fr}}.field{display:flex;flex:1 1;flex-direction:column;gap:9px;min-width:180px}.field--small{flex:1 1 220px;max-width:240px}.field--wide{flex:1 1 320px}.field--prominent{grid-column:span 2}.field--prominent .field__input,.field--prominent input,.field--prominent select{background:linear-gradient(180deg,#fff,#f5faff);background:linear-gradient(180deg,#fff 0,var(--color-primary-tint) 100%);border-color:#bfdbfe;border-color:var(--color-primary-border)}.field>span:not(.field__error){color:#718096;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.field input,.field select,.field textarea,.filters__grid input,.filters__grid select,.filters__grid textarea,.form-grid input,.form-grid select,.form-grid textarea,.user-role-select{background:#fff;background:var(--form-control-background);border:1.5px solid #cbd5e0;border:1.5px solid var(--color-border-input);border-radius:8px;border-radius:var(--form-control-radius);box-shadow:none;box-shadow:var(--form-control-shadow);color:#1a202c;color:var(--color-text-strong);font-size:14px;line-height:1.4;min-height:50px;min-height:var(--form-control-height);outline:none;padding:10px 14px;padding:var(--form-control-padding);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;width:100%}.field input:hover,.field select:hover,.field textarea:hover,.filters__grid input:hover,.filters__grid select:hover,.filters__grid textarea:hover,.form-grid input:hover,.form-grid select:hover,.form-grid textarea:hover,.user-role-select:hover{border-color:#a0aec0}.field input::placeholder,.field textarea::placeholder,.filters__grid input::placeholder,.filters__grid textarea::placeholder,.form-grid input::placeholder{color:#a0aec0}.field input:focus,.field select:focus,.field textarea:focus,.filters__grid input:focus,.filters__grid select:focus,.filters__grid textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.user-role-select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce26;box-shadow:var(--form-focus-ring)}.field select,.filters__grid select,.form-grid select,.user-role-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(180deg,#fff,#edf4fb),linear-gradient(45deg,#0000 50%,#4a5568 0),linear-gradient(135deg,#4a5568 50%,#0000 0);background-image:linear-gradient(180deg,var(--color-surface) 0,var(--color-surface-tint) 100%),linear-gradient(45deg,#0000 50%,var(--color-text-subtle) 50%),linear-gradient(135deg,var(--color-text-subtle) 50%,#0000 50%);background-position:0 0,calc(100% - 18px) calc(50% - 3px),calc(100% - 13px) calc(50% - 3px);background-repeat:no-repeat;background-size:100% 100%,5px 5px,5px 5px;padding-right:40px}.field input[readonly],.field__input--readonly,.form-grid input[readonly]{background:linear-gradient(180deg,#edf2f7,#eef3f8);background:linear-gradient(180deg,var(--color-surface-muted) 0,#eef3f8 100%);border-color:#e2e8f0;border-color:var(--color-border);color:#4a5568;color:var(--color-text-subtle)}.field__input--error{background:snow!important;border-color:#e53e3e!important;border-color:var(--color-danger)!important}.field__input--error:focus{box-shadow:0 0 0 3px #e53e3e29!important}.field__error{color:#e53e3e;color:var(--color-danger);font-size:12px;font-weight:600;letter-spacing:0;line-height:1.4;text-transform:none}.field__hint{color:#718096;color:var(--color-text-muted);font-size:12px;font-weight:500;line-height:1.5}.field-with-action{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.money-field{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:minmax(108px,128px) minmax(0,1fr)}.money-field input,.money-field select{min-width:0}.barcode-label-card{background:linear-gradient(180deg,#fff,#f8fbff);background:linear-gradient(180deg,var(--color-surface) 0,var(--color-surface-soft) 100%);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:16px;box-shadow:inset 0 1px 0 #ffffffe6;display:flex;flex-direction:column;gap:14px;padding:16px}.barcode-label-card__header{display:flex;flex-direction:column;gap:4px}.barcode-label-card__title{color:#1a202c;color:var(--color-text-strong);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.barcode-label-card__description{color:#718096;color:var(--color-text-muted);font-size:13px;line-height:1.5}.barcode-label-card__body{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border-soft);border-radius:14px;display:flex;flex-direction:column;gap:10px;padding:14px}.barcode-label-card__svg{color:#111827;height:auto;max-width:420px;width:100%}.barcode-label-card__image{display:block;height:auto;max-width:420px;width:100%}.barcode-label-card__code{color:#1a202c;color:var(--color-text-strong);font-size:16px;font-weight:800;letter-spacing:.14em;text-align:center;text-transform:uppercase}.form-section{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;gap:16px;min-width:0;padding:1.5rem}.form-section--accent{background:linear-gradient(180deg,#fff,#f8fbff);border-color:#3182ce2e}.form-section__header{align-items:center;display:flex;gap:12px;justify-content:space-between}.form-section__title{color:#1a202c;color:var(--color-text-strong);font-size:.75rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.form-section__grid{grid-gap:16px 18px;align-items:start;display:grid;gap:16px 18px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-section__note{margin:0}.item-pricing-grid{grid-gap:16px 18px;align-items:start;display:grid;gap:16px 18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.item-pricing-pair{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(150px,172px)}.item-pricing-pair .field{min-width:0}.reports-currency-note{margin-bottom:18px}.filters__grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filters__grid label,.form-grid label{color:#4a5568;color:var(--color-text-subtle);display:flex;flex-direction:column;font-size:12px;font-weight:800;gap:8px;letter-spacing:.05em;text-transform:uppercase}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;grid-column:1/-1;margin-top:6px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:14px;font-weight:600;justify-content:center;letter-spacing:0;line-height:1.2;min-height:48px;min-width:0;overflow-wrap:anywhere;padding:.6rem 1.4rem;text-align:center;text-transform:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease;white-space:normal}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.65}.btn:active:not(:disabled){transform:scale(.97)}.btn--sm{font-size:12px;min-height:38px;min-width:4.75rem;padding:8px 14px}.btn--primary{background:#1a365d;background:var(--color-primary);box-shadow:0 2px 10px #1a365d2e;color:#fff}.btn--primary:hover:not(:disabled){background:#132a49;background:var(--color-primary-strong);box-shadow:0 4px 16px #1a365d3d}.btn--secondary{background:#0000;border:1.5px solid #1a365d;border:1.5px solid var(--color-primary);box-shadow:none;color:#1a365d;color:var(--color-primary)}.btn--secondary:hover:not(:disabled){background:#3182ce14;border-color:#1a365d;border-color:var(--color-primary)}.btn--danger{background:#e53e3e;background:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){background:#c53030}.btn--success{background:#38a169;background:var(--color-success);color:#fff}.btn--success:hover:not(:disabled){background:#2f855a}.state{align-items:flex-start;background:linear-gradient(180deg,#fff,#f8fbff);background:linear-gradient(180deg,var(--color-surface) 0,var(--color-surface-soft) 100%);border:1px solid #d6e0ebeb;border-radius:16px;box-shadow:0 10px 24px #0b1b2b0a;color:#4a5568;color:var(--color-text-subtle);display:flex;font-size:14px;font-weight:600;gap:12px;line-height:1.5;overflow-wrap:anywhere;padding:14px 16px;position:relative}.state:before{background:currentColor;border-radius:999px;content:"";flex:0 0 auto;height:10px;margin-top:5px;opacity:.85;width:10px}.state--error{background:#fed7d7;background:var(--color-danger-soft);border:1px solid #feb2b2;border:1px solid var(--color-danger-border);color:#e53e3e;color:var(--color-danger)}.state--info{background:linear-gradient(180deg,#ebf8ff,#f5faff);background:linear-gradient(180deg,var(--color-primary-soft) 0,var(--color-primary-tint) 100%);border-color:#bfdbfe;border-color:var(--color-primary-border);color:#132a49;color:var(--color-primary-strong)}.state--warning{background:linear-gradient(180deg,#fefcbf,#fffaf0);background:linear-gradient(180deg,var(--color-warning-soft) 0,var(--color-warning-soft-2) 100%);border-color:#f6e05e;border-color:var(--color-warning-border);color:#d69e2e;color:var(--color-warning)}.state--success{background:#c6f6d5;background:var(--color-success-soft);border:1px solid #9ae6b4;border:1px solid var(--color-success-border);color:#38a169;color:var(--color-success)}.feedback-state{align-items:flex-start;background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 12px #0000000f;color:#4a5568;color:var(--color-text-subtle);display:flex;gap:14px;padding:20px;width:100%}.feedback-state--compact{padding:16px}.feedback-state__icon{align-items:center;background:#edf2f7;background:var(--color-surface-muted);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;display:flex;flex:0 0 auto;height:42px;justify-content:center;width:42px}.feedback-state__glyph{align-items:center;display:inline-flex;font-size:1.1rem;font-weight:700;justify-content:center}.feedback-state__body{display:flex;flex-direction:column;gap:6px}.feedback-state__title{color:#1a202c;color:var(--color-text-strong);font-size:.95rem;font-weight:700;line-height:1.35}.feedback-state__description{color:#718096;color:var(--color-text-muted);font-size:.88rem;line-height:1.55;margin:0;overflow-wrap:anywhere}.feedback-state--info .feedback-state__icon,.feedback-state--loading .feedback-state__icon{background:linear-gradient(180deg,#ebf8ff,#f5faff);background:linear-gradient(180deg,var(--color-primary-soft) 0,var(--color-primary-tint) 100%);border-color:#bfdbfe;border-color:var(--color-primary-border);color:#132a49;color:var(--color-primary-strong)}.feedback-state--empty .feedback-state__icon{color:#4a5568;color:var(--color-text-subtle)}.feedback-state--error{background:linear-gradient(180deg,snow,#fef2f2)}.feedback-state--error,.feedback-state--error .feedback-state__icon{border-color:#feb2b2;border-color:var(--color-danger-border);color:#e53e3e;color:var(--color-danger)}.feedback-state--error .feedback-state__icon{background:linear-gradient(180deg,#fff5f5,#fee2e2)}.feedback-state--success{background:linear-gradient(180deg,#f7fff9,#f0fdf4)}.feedback-state--success,.feedback-state--success .feedback-state__icon{border-color:#9ae6b4;border-color:var(--color-success-border);color:#38a169;color:var(--color-success)}.feedback-state--success .feedback-state__icon{background:linear-gradient(180deg,#eefcf3,#dcfce7)}.feedback-spinner{border-radius:999px}.feedback-spinner,.spinner{animation:feedback-spin .7s linear infinite;border:3px solid #e2e8f0;border-top-color:#3182ce;height:32px;width:32px}.spinner{border-radius:50%}@keyframes feedback-spin{to{transform:rotate(1turn)}}@keyframes surface-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.auth-card--form,.auth-showcase,.dashboard-welcome,.modal,.panel,.workspace-main__header{animation:surface-rise .45s ease both}.table-wrap{-webkit-overflow-scrolling:touch;background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 12px #00000014;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable both-edges;touch-action:pan-x pan-y}table{border-collapse:collapse;min-width:760px;width:100%}.inventory-table{border-collapse:initial;border-spacing:0;min-width:980px}.inventory-table thead th{background:#1a365d;background:var(--color-surface-table-head);padding-bottom:16px;padding-top:16px}.inventory-table thead th:first-child{border-top-left-radius:16px}.inventory-table thead th:last-child{border-top-right-radius:16px}.inventory-table tbody td{background:#0000;padding:.75rem 1rem;transition:background .18s ease;vertical-align:middle}.inventory-table__row:hover td{background:#ebf8ff}.inventory-table__row.row-low-stock td{background:#fffaf0}.inventory-table__numeric{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.inventory-table__actions-col{white-space:nowrap;width:1%}.inventory-table__actions-col .actions--table{justify-content:flex-end;min-width:280px}thead{background:#1a365d;background:var(--color-surface-table-head)}td,th{border-bottom:none;font-size:14px;padding:.75rem 1rem;text-align:left}th{color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}tbody tr{background:#fff}tbody tr:nth-child(2n){background:#f7fafc}tbody tr:hover{background:#ebf8ff}.row-clickable{cursor:pointer}.row-low-stock{background:#fffaf0;background:var(--color-danger-surface-2)}.cell-strong{color:#1a202c;color:var(--color-text-strong);font-weight:700}.row--selected{background:#dbeafec7!important}.table__message{background:#0000;color:#718096;color:var(--color-text-muted);padding:20px 18px;text-align:center}.table__message .feedback-state{margin:0 auto;max-width:560px;text-align:left}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;line-height:1.3;max-width:100%;overflow-wrap:anywhere;padding:4px 12px;text-align:center;white-space:nowrap}.badge--ok{background:#c6f6d5;background:var(--color-success-soft);color:#38a169;color:var(--color-success)}.badge--low{background:#fefcbf;background:var(--color-warning-soft);color:#d69e2e;color:var(--color-warning)}.badge--out{background:#fed7d7;background:var(--color-danger-soft);color:#e53e3e;color:var(--color-danger)}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions,.actions--table{align-items:center;min-width:0}.actions--table{gap:6px;justify-content:flex-end}.actions--table .btn{border:none;border-radius:8px;box-shadow:none;font-size:12px;font-weight:600;letter-spacing:.01em;min-height:34px;min-width:5.25rem;padding:8px 14px}.actions--table .btn--primary{box-shadow:0 2px 10px #1a365d24}.actions--table .btn--secondary{background:#0000;border:1.5px solid #1a365d;border:1.5px solid var(--color-primary);color:#1a365d;color:var(--color-primary)}.actions--table .btn--secondary:hover:not(:disabled){background:#3182ce14;color:#132a49;color:var(--color-primary-strong)}.actions--table .btn--danger,.actions--table .btn--success{border:none}.user-role-cell{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.user-role-select{max-width:180px;min-width:120px}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:18px}.pagination span{color:#1a202c;color:var(--color-text);font-size:14px;font-weight:600;text-align:center}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006;display:flex;inset:0;justify-content:center;padding:max(24px,env(safe-area-inset-top) + 12px) max(20px,env(safe-area-inset-right) + 12px) max(24px,env(safe-area-inset-bottom) + 12px) max(20px,env(safe-area-inset-left) + 12px);position:fixed;z-index:1000}.modal,.modal-backdrop{overflow-y:auto;overscroll-behavior:contain}.modal{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 12px 36px #0000002e;margin:auto;max-height:calc(100dvh - 48px);min-width:0;padding:24px;width:min(760px,calc(100vw - 40px))}.modal--compact{width:min(540px,100%)}.modal__header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.modal__header>div:first-child{display:flex;flex-direction:column;gap:6px}.modal__header h2{font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.03em;margin:0 0 6px}.modal__header p{color:#718096;color:var(--color-text-muted);font-size:14px;line-height:1.55;margin:0;max-width:52ch}.modal__header .btn--secondary.btn--sm{background:#0000;border:1.5px solid #1a365d;border:1.5px solid var(--color-primary);border-radius:8px;color:#1a365d;color:var(--color-primary);min-height:34px;padding:7px 12px}.modal__header .btn--secondary.btn--sm:hover:not(:disabled){background:#3182ce14;color:#132a49;color:var(--color-primary-strong)}.modal form{display:flex;flex-direction:column;gap:16px}.modal__grid{grid-gap:16px 18px;align-items:start;display:grid;gap:16px 18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.detail-field{display:flex;flex-direction:column;gap:10px;min-width:180px}.detail-field__label{color:#4a5568;color:var(--color-text-subtle);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.detail-field__value{font-feature-settings:"tnum";align-items:center;background:#fff;background:var(--form-control-background);border:1px solid #bfdbfe6b;border-radius:8px;border-radius:var(--form-control-radius);box-shadow:none;box-shadow:var(--form-control-shadow);color:#1a202c;color:var(--color-text-strong);display:flex;font-variant-numeric:tabular-nums;font-weight:600;min-height:50px;min-height:var(--form-control-height);min-width:0;overflow-wrap:anywhere;padding:12px 14px}.detail-field--accent .detail-field__value{background:linear-gradient(180deg,#fff,#f5faff);background:linear-gradient(180deg,#fff 0,var(--color-primary-tint) 100%);border-color:#bfdbfe;border-color:var(--color-primary-border);color:#132a49;color:var(--color-primary-strong)}.detail-field--full{grid-column:1/-1}.modal .field--prominent,.modal .field--wide{grid-column:span 2}.quick-sell-barcode-row{grid-gap:14px;align-items:end;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.quick-sell-barcode-field{min-width:0}.quick-sell-barcode-action{min-height:50px;min-height:var(--form-control-height);white-space:nowrap}.modal .field__error{font-size:12px;letter-spacing:.01em}.history-section{margin-top:20px}.history-section__header{align-items:flex-end;justify-content:space-between;margin-bottom:14px}.history-filters,.history-section__header{display:flex;flex-wrap:wrap;gap:14px}.history-section__header h3{color:#1a202c;color:var(--color-text-strong);font-size:18px;margin:0 0 6px}.history-section__header p{color:#718096;color:var(--color-text-muted);font-size:14px;margin:0}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{background:#edf4fb;background:var(--color-surface-tint);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;padding:14px 16px}.history-item__top{align-items:center;color:#1a202c;color:var(--color-text-strong);display:flex;flex-wrap:wrap;font-size:14px;gap:12px;justify-content:space-between;margin-bottom:8px}.history-empty,.history-item__summary{color:#4a5568;color:var(--color-text-subtle);font-size:14px;line-height:1.5}.checkbox-field{align-items:center;background:linear-gradient(180deg,#fff,#f8fbff);background:linear-gradient(180deg,var(--color-surface) 0,var(--color-surface-soft) 100%);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--form-control-radius);box-shadow:inset 0 1px 0 #fffc;color:#1a202c;color:var(--color-text-strong);display:flex;font-size:14px;font-weight:700;gap:12px;min-height:50px;min-height:var(--form-control-height);padding:12px 14px}.checkbox-field input{accent-color:#1a365d;accent-color:var(--color-primary);height:18px;width:18px}.checkbox-field--inline{margin-top:0}.modal__state{border-radius:12px;margin-bottom:0;margin-top:4px}.modal__actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:6px;padding-top:16px}.modal__actions .btn{border-radius:8px;min-height:42px;min-width:120px;padding:10px 16px}.modal__actions .btn--secondary{background:#0000;border:1.5px solid #1a365d;border:1.5px solid var(--color-primary);color:#1a365d;color:var(--color-primary)}.modal__actions .btn--secondary:hover:not(:disabled){background:#3182ce14;color:#132a49;color:var(--color-primary-strong)}.install-help{grid-gap:14px;display:grid;gap:14px}.install-page__grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.install-guide-card,.install-help__card{background:linear-gradient(180deg,#fffffffa,#f8fafdfa);border:1px solid #e2e8f0;border:1px solid var(--color-border-soft);border-radius:18px;padding:18px}.install-guide-card{grid-gap:16px;display:grid;gap:16px}.install-guide-card__placeholder{background:linear-gradient(180deg,#08111ffa,#12213afa);border-radius:18px;box-shadow:inset 0 1px 0 #ffffff14;padding:12px}.install-guide-card__browser-bar{display:flex;gap:6px;margin-bottom:10px}.install-guide-card__browser-bar span{background:#ffffff57;border-radius:999px;height:8px;width:8px}.install-guide-card__address{background:#ffffff14;border-radius:999px;color:#e8f1ffcc;font-size:12px;font-weight:700;letter-spacing:.06em;padding:8px 12px;text-transform:uppercase}.install-guide-card__screen{background:linear-gradient(180deg,#f6fafffa,#e3ecf8fa);border-radius:16px;margin-top:12px;padding:18px 16px}.install-guide-card__icon{background:linear-gradient(155deg,#050a13fa,#121b2cfc);border-radius:16px;box-shadow:0 14px 28px #08111f2e;height:54px;width:54px}.install-guide-card__text-row{background:#20304424;border-radius:999px;height:10px;margin-top:14px}.install-guide-card__text-row--short{width:68%}.install-guide-card__action-row{display:flex;gap:10px;margin-top:18px}.install-guide-card__action-chip{background:#1659c03d;border-radius:999px;height:34px;width:96px}.install-guide-card__action-chip--secondary{background:#2030441f;width:72px}.install-guide-card__content{display:flex;flex-direction:column;gap:10px}.install-guide-card__eyebrow{color:#1a365d;color:var(--color-primary);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.install-guide-card__content h3,.install-help__card h3{color:#1a202c;color:var(--color-text-strong);font-size:1rem;margin:0 0 10px}.install-guide-card__content h3{margin-bottom:0}.install-guide-card__content p{color:#718096;color:var(--color-text-muted);font-size:13px;line-height:1.6;margin:0}.install-help__steps{color:#4a5568;color:var(--color-text-subtle);line-height:1.65;margin:0;padding-left:20px}.install-help__steps li+li{margin-top:8px}.toast-stack{display:flex;flex-direction:column;gap:12px;max-width:calc(100vw - 32px);pointer-events:none;position:fixed;right:24px;top:24px;z-index:1100}.toast{align-items:flex-start;animation:toast-slide-in .22s ease;background:#fff;background:var(--color-surface);border:none;border-radius:12px;box-shadow:0 12px 30px #0000002e;display:flex;gap:14px;justify-content:space-between;max-width:420px;min-width:min(360px,calc(100vw - 32px));padding:16px 18px;pointer-events:auto}.pwa-update-banner-stack{bottom:calc(16px + env(safe-area-inset-bottom, 0px));display:flex;justify-content:center;left:16px;pointer-events:none;position:fixed;right:16px;z-index:1090}.pwa-update-banner{align-items:center;background:radial-gradient(circle at top right,#8ec5ff38,#0000 30%),linear-gradient(180deg,#fffffffa,#ecf4fffa);border:1px solid #175cbc2e;border-radius:18px;box-shadow:inset 0 1px 0 #ffffffe6,0 18px 42px #0b1b2b29;display:flex;gap:16px;justify-content:space-between;padding:16px 18px;pointer-events:auto;width:min(100%,760px)}.pwa-update-banner__copy{color:#4a5568;color:var(--color-text-subtle);display:flex;flex-direction:column;font-size:14px;gap:4px;line-height:1.5}.pwa-update-banner__copy strong{color:#1a202c;color:var(--color-text-strong);font-size:15px}.pwa-update-banner__actions{align-items:center;display:flex;flex:0 0 auto;gap:10px}.toast--success{background:#38a169;background:var(--color-success)}.toast--error{background:#e53e3e;background:var(--color-danger)}.toast--warning{background:#d69e2e;background:var(--color-warning)}.toast--info{background:#3182ce}.toast__status{align-items:center;background:#ffffff29;border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:.95rem;font-weight:700;height:28px;justify-content:center;margin-top:2px;width:28px}.toast__content{display:flex;flex:1 1;flex-direction:column;gap:5px}.toast__title{color:#fff;font-size:14px;font-weight:700}.toast__message{color:#fffffff5;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.toast__close{background:#0000;border:none;color:#ffffffe6;cursor:pointer;font-size:20px;line-height:1;padding:0}@keyframes toast-slide-in{0%{opacity:0;transform:translate3d(18px,-8px,0)}to{opacity:1;transform:translateZ(0)}}.print-receipt,.print-report{display:none}@media print{body{background:#fff;background:var(--color-surface);color:#1a202c;color:var(--color-text-strong);margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}#root,.app-shell{min-height:auto}.app-shell{margin:0;max-width:none;padding:0}.modal-backdrop,.page,.pwa-update-banner-stack,.toast-stack{display:none!important}.print-receipt,.print-report{display:block;padding:24px 28px 32px}.print-report__header-main{display:flex;flex-direction:column;gap:18px}.print-report__header{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-neutral-soft-2);margin-bottom:20px;padding-bottom:18px}.print-report__brand{align-items:center}.print-report__brand .brand-lockup__title{font-size:26px}.print-report__brand .brand-lockup__eyebrow,.print-report__brand .brand-lockup__subtitle{font-size:12px}.print-report__meta-grid{grid-gap:10px 14px;display:grid;gap:10px 14px;grid-template-columns:repeat(2,minmax(0,1fr))}.print-report__meta-item{background:#fafaf9;border:1px solid #e2e8f0;border:1px solid var(--color-neutral-soft-2);border-radius:12px;padding:10px 12px}.print-report__meta-item span{color:#718096;color:var(--color-text-muted);display:block;font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.print-report__meta-item strong{color:#1a202c;color:var(--color-text-strong);display:block;font-size:13px;line-height:1.45}.print-report__table{border-collapse:collapse;min-width:0;table-layout:fixed;width:100%}.print-report__table td,.print-report__table th{border:1px solid #e2e8f0;border:1px solid var(--color-neutral-soft-2);font-size:12px;padding:10px 9px;text-align:left;vertical-align:top;word-break:break-word}.print-report__table th{background:#eef2f7;color:#4a5568;color:var(--color-text-subtle);letter-spacing:.04em;text-transform:uppercase}.print-report__empty{align-items:center;color:#718096;color:var(--color-text-muted);display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:120px;text-align:center}.print-report__empty strong{color:#1a202c;color:var(--color-text-strong);font-size:15px}.print-report__row--low td{background:#fffaf0;background:var(--color-warning-soft-2)}.print-receipt__totals{background:#fafaf9;border:1px solid #e2e8f0;border:1px solid var(--color-neutral-soft-2);border-radius:14px;margin:18px 0 0 auto;padding:14px 16px;width:min(320px,100%)}.print-receipt__total-row{color:#4a5568;color:var(--color-text-subtle);display:flex;font-size:12px;gap:16px;justify-content:space-between;padding:6px 0}.print-receipt__total-row strong{color:#1a202c;color:var(--color-text-strong);font-size:13px}.print-receipt__total-row--grand{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-neutral-soft-2);font-size:14px;margin-top:8px;padding-top:12px}.print-receipt__total-row--grand strong{font-size:16px}.print-receipt__footer,.print-receipt__note{color:#4a5568;color:var(--color-text-subtle);font-size:12px;margin:16px 0 0;text-align:center}}@media (max-width:1120px){.role-access-panel__grid,.workspace-shell{grid-template-columns:1fr}.workspace-sidebar{bottom:0;height:100vh;left:0;max-width:calc(100vw - 28px);position:fixed;top:0;transform:translateX(-102%);transition:transform .22s ease;width:min(320px,calc(100vw - 28px))}.workspace-sidebar--open{transform:translateX(0)}.workspace-main__header{padding-inline:22px}.workspace-main__content{padding:22px}.workspace-menu-toggle{display:inline-flex}.workspace-main__controls{justify-content:flex-start;min-width:0;width:100%}.dashboard-welcome{align-items:stretch}.dashboard-welcome__actions{justify-content:flex-start}.dashboard-header-bar{margin-left:0;width:100%}.controller-toolbar,.operations-mode__layout,.projection-layout,.scan-hero__layout{grid-template-columns:1fr}.controller-toolbar--users{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.controller-toolbar--audit{grid-template-columns:1fr}.operations-mode__panel--secondary{position:static}.control-panel__actions{margin-left:0;width:100%}}@media (max-width:768px){.app-shell{padding:14px}.app-shell--workspace{padding:0}.workspace-main__header{padding:18px 14px 16px}.workspace-main__content{padding:14px}.dashboard-header-bar__actions,.dashboard-header-bar__group,.dashboard-header-bar__item,.dashboard-welcome,.dashboard-welcome__actions,.workspace-main__controls{width:100%}.dashboard-header-bar__actions{justify-content:flex-start;margin-left:0}.dashboard-header-bar__field{max-width:none}.dashboard-welcome__actions>.btn,.workspace-main__controls .field,.workspace-main__controls>.btn{min-width:0;width:100%}.install-help__card{padding:16px}.dashboard-welcome{padding:18px}.dashboard-welcome__brand{width:100%}.dashboard-welcome__statusbar{margin-top:4px}.dashboard-welcome__copy h2{font-size:1.9rem}.hero,.modal__actions,.modal__header,.table-meta,.toolbar{align-items:stretch;flex-direction:column}.hero h1,.topbar h1{font-size:26px}.panel{padding:14px}.auth-card--form,.modal{padding:18px}.modal-backdrop{align-items:flex-end;padding:max(16px,env(safe-area-inset-top) + 8px) max(16px,env(safe-area-inset-right) + 8px) max(16px,env(safe-area-inset-bottom) + 8px) max(16px,env(safe-area-inset-left) + 8px)}.modal{border-radius:20px;max-height:calc(100dvh - 20px);width:min(760px,calc(100vw - 32px))}.modal__actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#f6faff66,#f6fafff5 24%);bottom:-18px;margin-inline:-18px;margin-bottom:-18px;padding:14px 18px max(18px,env(safe-area-inset-bottom) + 12px);position:sticky}.auth-password-row,.auth-tabs{grid-template-columns:1fr}.auth-password-toggle{width:100%}.feedback-state{gap:12px;padding:14px}.feedback-state__icon{height:36px;width:36px}.table__message{padding:16px 12px}.field--small{max-width:none}.field input,.field select,.filters__grid input,.filters__grid select,.form-grid input,.form-grid select,.user-role-select{font-size:16px;min-height:50px}.field--prominent,.field--wide,.modal .field--prominent,.modal .field--wide{grid-column:auto}.field-with-action,.money-field,.quick-sell-barcode-row{grid-template-columns:1fr}td,th{padding:12px 10px}table{min-width:680px}.inventory-table{min-width:860px}.toast-stack{left:16px;right:16px;top:16px}.pwa-update-banner-stack{bottom:calc(16px + env(safe-area-inset-bottom, 0px));left:16px;right:16px}.toast{max-width:none;min-width:0}.dashboard-header-bar{margin-left:0;width:100%}.app-shell--operations{padding:14px}.operations-mode{min-height:calc(100vh - 28px)}.barcode-actions-stack,.camera-scanner__actions,.camera-scanner__header,.operations-mode__actions,.operations-mode__barcode,.operations-mode__header,.operations-mode__hero,.operations-mode__recent-meta,.operations-mode__recent-top,.operations-mode__toolbar{align-items:stretch;flex-direction:column}.operations-mode__header,.operations-mode__panel--primary,.operations-mode__panel--secondary{padding:18px}.barcode-actions-stack,.operations-mode__barcode,.operations-mode__details,.operations-mode__entry,.operations-mode__hero,.operations-mode__layout,.operations-mode__summary,.operations-mode__toggle{grid-template-columns:1fr}.operations-mode__toolbar{margin-left:0;width:100%}.operations-mode__actions,.operations-mode__user{min-width:0;width:100%}.operations-mode__panel--secondary{position:static}.operations-mode__barcode .field input,.operations-mode__entry .field input,.operations-mode__entry .field select,.operations-mode__lookup,.operations-mode__primary,.operations-mode__toggle-btn{min-height:56px}.operations-mode__barcode .field input,.operations-mode__entry .field--prominent input{font-size:20px}.camera-scanner{padding:14px}.camera-scanner__mount,.camera-scanner__mount canvas,.camera-scanner__mount video,.camera-scanner__mount>div,.camera-scanner__video,.camera-scanner__viewport{min-height:260px}.dashboard-header-bar__actions,.dashboard-header-bar__group{width:100%}.dashboard-header-bar__user{margin-left:0;min-width:0;width:100%}.controller-toolbar,.controller-toolbar--users,.projection-form__grid,.projection-layout,.projection-results__grid,.scan-hero__layout,.scan-result-card__grid{grid-template-columns:1fr}.projection-results,.scan-hero__card,.scan-result-card{padding:18px}.scan-field__input{font-size:18px}.scan-input-row__actions,.scan-result-card__actions{flex-direction:column}.controller-tabs,.scan-input-row__actions .btn,.scan-result-card__actions .btn{width:100%}.controller-tabs__button{flex:1 1}.btn--scan{width:100%}.workspace-sidebar{max-width:calc(100vw - 18px);padding:max(22px,env(safe-area-inset-top) + 12px) 16px max(18px,env(safe-area-inset-bottom) + 12px);width:min(300px,calc(100vw - 18px))}.workspace-sidebar__brand{padding:14px}}@media (max-width:560px){.app-shell,.app-shell--operations{padding:12px}.brand-lockup{gap:12px}.brand-lockup__subtitle{font-size:13px}.brand-logo--dashboard,.brand-logo--sidebar,.dashboard-logo,.sidebar-logo{height:48px;width:48px}.brand-logo--dashboard .brand-logo__fallback-letter,.brand-logo--sidebar .brand-logo__fallback-letter,.dashboard-logo .brand-logo__fallback-letter,.sidebar-logo .brand-logo__fallback-letter{font-size:1.95rem}.workspace-main__header{padding:16px 12px 14px}.workspace-main__content{padding:12px}.auth-card--form,.modal,.operations-mode__header,.operations-mode__panel--primary,.operations-mode__panel--secondary,.panel,.projection-results,.scan-hero__card,.scan-result-card{padding:16px}.install-help__card{padding:14px}.hero h1,.scan-hero__header h2,.topbar h1{font-size:24px}.chart-grid,.form-section__grid,.modal__grid,.stats-grid,.tenant-context-grid{grid-template-columns:1fr}.dashboard-header-bar__actions .btn,.inventory-actions .btn,.modal__actions .btn,.projection-panel__actions .btn,.workspace-mode-card__actions .btn{min-width:0;overflow-wrap:anywhere;white-space:normal;width:100%}.controller-tabs{display:grid;grid-template-columns:1fr;width:100%}.barcode-actions-stack .btn,.controller-tabs__button,.quick-sell-barcode-action,.topbar__actions .btn{min-width:0;overflow-wrap:anywhere;white-space:normal;width:100%}.toast-stack{left:12px;max-width:none;right:12px;top:12px}.pwa-update-banner-stack{bottom:calc(12px + env(safe-area-inset-bottom, 0px));left:12px;right:12px}.camera-scanner__mount,.camera-scanner__mount canvas,.camera-scanner__mount video,.camera-scanner__mount>div,.camera-scanner__video,.camera-scanner__viewport{min-height:220px}}