@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&family=Libre+Barcode+128&display=swap";.live-camera-card[data-v-69443de4]{display:grid;gap:.6rem;border:1px solid var(--border-color);border-radius:.85rem;background:#ffffffb8;box-shadow:none;overflow:hidden;color:inherit;text-decoration:none}.live-camera-card.is-link[data-v-69443de4]{transition:border-color var(--transition-fast),background var(--transition-fast)}.live-camera-card.is-link[data-v-69443de4]:hover{transform:none;box-shadow:none;border-color:var(--tone-info-border);background:#ffffffeb}.variant-sidebar[data-v-69443de4]{padding:.8rem}.variant-overview[data-v-69443de4]{padding:1rem}.variant-hero[data-v-69443de4]{padding:.9rem}.live-camera-card__header[data-v-69443de4]{display:flex;gap:.75rem;justify-content:space-between;align-items:flex-start}.live-camera-card__kicker[data-v-69443de4]{display:inline-flex;margin-bottom:.2rem;font-size:var(--type-eyebrow);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.live-camera-card__header h3[data-v-69443de4]{margin:0;font-size:1rem;color:var(--text-color-strong)}.live-camera-card__meta[data-v-69443de4]{margin:.3rem 0 0;font-size:.82rem;color:var(--text-muted)}.live-camera-card__pill[data-v-69443de4]{display:inline-flex;align-items:center;min-height:1.7rem;padding:.2rem .55rem;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.08em}.live-camera-card__pill.is-online[data-v-69443de4]{background:#e139391f;color:#c62828}.live-camera-card__pill.is-offline[data-v-69443de4]{background:#4755691f;color:#475569}.live-camera-card__frame[data-v-69443de4]{position:relative;overflow:hidden;border-radius:.95rem;border:1px solid rgba(12,26,46,.16);background:#0c1a2eeb;aspect-ratio:16 / 9}.live-camera-card__image[data-v-69443de4],.live-camera-card__iframe[data-v-69443de4]{width:100%;height:100%;border:0;display:block}.live-camera-card__image[data-v-69443de4]{object-fit:contain}.live-camera-card__state[data-v-69443de4]{display:flex;align-items:center;gap:.65rem;min-height:7rem;padding:1rem;border-radius:.95rem;border:1px dashed rgba(120,146,180,.28);background:#ffffff8f;color:var(--text-muted);font-size:.92rem;line-height:1.5}.live-camera-card__footer[data-v-69443de4]{display:flex;gap:.55rem;flex-wrap:wrap}.live-camera-card__action[data-v-69443de4]{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;padding:.35rem .8rem;border-radius:999px;border:1px solid rgba(120,146,180,.22);background:#fffc;color:var(--text-color-strong);text-decoration:none;font-size:.82rem;font-weight:700}.live-camera-card__action--primary[data-v-69443de4]{border-color:#0f766e2e;color:#1f8a5b}.variant-sidebar .live-camera-card__header[data-v-69443de4]{align-items:center}.variant-sidebar .live-camera-card__header h3[data-v-69443de4]{font-size:.94rem}.variant-sidebar .live-camera-card__meta[data-v-69443de4]{font-size:.78rem}.variant-overview .live-camera-card__frame[data-v-69443de4]{min-height:clamp(280px,40vw,520px);max-height:520px}.variant-hero .live-camera-card__frame[data-v-69443de4]{min-height:220px;max-height:320px}.variant-hero .live-camera-card__footer[data-v-69443de4]{margin-top:-.1rem}@media (max-width: 768px){.variant-overview .live-camera-card__frame[data-v-69443de4]{min-height:220px;max-height:320px}.variant-hero .live-camera-card__frame[data-v-69443de4]{min-height:200px;max-height:260px}}.new-sidebar-nav[data-v-ea5a23b6]{width:var(--sidebar-width);height:100vh;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:1001;padding:16px 12px;color:var(--sidebar-text-color);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border-color);box-shadow:none;transition:width var(--transition-normal),padding var(--transition-normal)}.new-sidebar-nav[data-v-ea5a23b6]:before{content:none}.new-sidebar-nav.collapsed[data-v-ea5a23b6]{width:var(--sidebar-collapsed-width);padding-inline:.6rem}.sidebar-header[data-v-ea5a23b6]{display:flex;align-items:center;justify-content:space-between;min-height:calc(var(--header-height) - 18px);padding:.35rem .2rem 1rem}.new-sidebar-nav.collapsed .sidebar-header[data-v-ea5a23b6]{justify-content:center}.sidebar-brand[data-v-ea5a23b6]{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--sidebar-text-color)}.brand-logo[data-v-ea5a23b6]{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--ff-primary);font-size:14px;font-weight:600;letter-spacing:-.25px;flex:none}.brand-text[data-v-ea5a23b6]{font-size:16px;font-weight:600;color:var(--ff-text);letter-spacing:-.3px;white-space:nowrap}.brand-accent[data-v-ea5a23b6]{color:var(--ff-primary)}.sidebar-scan-cta[data-v-ea5a23b6]{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;background:var(--ff-primary);color:#fff;font-weight:500;font-size:14.5px;text-decoration:none;margin-bottom:10px;box-shadow:var(--ff-shadow-cta);transition:background var(--transition-fast)}.sidebar-scan-cta[data-v-ea5a23b6]:hover{background:var(--ff-primary-700);color:#fff}.new-sidebar-nav.collapsed .sidebar-scan-cta[data-v-ea5a23b6]{justify-content:center;padding-inline:0}.scan-cta-label[data-v-ea5a23b6]{white-space:nowrap}.sidebar-toggle-btn[data-v-ea5a23b6]{width:32px;height:32px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--sidebar-icon-color);cursor:pointer;box-shadow:none;transition:background var(--transition-fast),border-color var(--transition-fast)}.sidebar-toggle-btn[data-v-ea5a23b6]:hover{background:var(--tone-rest-bg, rgba(98, 122, 148, .08));border-color:var(--tone-rest-border, rgba(98, 122, 148, .18));color:var(--sidebar-icon-hover-color)}.navigation-menu[data-v-ea5a23b6]{flex:1;overflow-y:auto;padding-right:.15rem}.navigation-menu ul[data-v-ea5a23b6],.submenu[data-v-ea5a23b6]{list-style:none;margin:0;padding:0}.navigation-menu li+li[data-v-ea5a23b6]{margin-top:.15rem}.navigation-menu li[data-v-ea5a23b6]{position:relative}.nav-link[data-v-ea5a23b6]{display:flex;align-items:center;gap:.6rem;position:relative;min-height:34px;padding:.4rem .65rem;border-radius:8px;border:1px solid transparent;color:var(--sidebar-link-color);text-decoration:none;background:transparent;overflow:hidden;transition:background-color var(--transition-fast),color var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;cursor:pointer;font-size:.88rem;font-weight:500}.new-sidebar-nav.collapsed .nav-link[data-v-ea5a23b6]{justify-content:center;padding-inline:.35rem}.nav-link[data-v-ea5a23b6]:hover{color:var(--sidebar-link-hover-color);background:var(--tone-rest-bg, rgba(98, 122, 148, .08));border-color:transparent;transform:none}.new-sidebar-nav .nav-link[data-v-ea5a23b6]:focus,.new-sidebar-nav .nav-link[data-v-ea5a23b6]:focus-visible,.new-sidebar-nav .submenu-link[data-v-ea5a23b6]:focus,.new-sidebar-nav .submenu-link[data-v-ea5a23b6]:focus-visible,.new-sidebar-nav .collapsed-submenu-link[data-v-ea5a23b6]:focus,.new-sidebar-nav .collapsed-submenu-link[data-v-ea5a23b6]:focus-visible{outline:none;box-shadow:none}.nav-link.router-link-active[data-v-ea5a23b6],.nav-link.router-link-exact-active[data-v-ea5a23b6]{color:var(--text-color-strong);background:var(--tone-info-bg, rgba(31, 60, 136, .08));border-color:transparent;font-weight:600;box-shadow:none}.nav-link.router-link-active .nav-icon[data-v-ea5a23b6],.nav-link.router-link-exact-active .nav-icon[data-v-ea5a23b6]{color:var(--primary-color)}.nav-link.active-group[data-v-ea5a23b6],.submenu-toggle.active-group[data-v-ea5a23b6]{color:var(--text-color-strong);background:transparent;border-color:transparent;box-shadow:none;font-weight:600}.nav-link.active-group .nav-icon[data-v-ea5a23b6],.submenu-toggle.active-group .nav-icon[data-v-ea5a23b6]{color:var(--primary-color)}.new-sidebar-nav.collapsed .nav-link.router-link-active[data-v-ea5a23b6],.new-sidebar-nav.collapsed .nav-link.router-link-exact-active[data-v-ea5a23b6]{background:var(--primary-light);box-shadow:none}.nav-icon-shell[data-v-ea5a23b6]{width:1.5rem;min-width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:0;color:var(--sidebar-icon-color);background:transparent;transition:color var(--transition-fast)}.nav-link:hover .nav-icon-shell[data-v-ea5a23b6]{color:var(--text-color-strong);border-color:transparent;background:transparent;box-shadow:none}.nav-link.active-group .nav-icon-shell[data-v-ea5a23b6],.submenu-toggle.active-group .nav-icon-shell[data-v-ea5a23b6],.nav-link.router-link-active .nav-icon-shell[data-v-ea5a23b6],.nav-link.router-link-exact-active .nav-icon-shell[data-v-ea5a23b6]{color:var(--primary-color);border-color:transparent;background:transparent;box-shadow:none}.nav-icon[data-v-ea5a23b6]{text-align:center;font-size:.88rem}.new-sidebar-nav.collapsed .nav-icon[data-v-ea5a23b6]{font-size:1rem}.nav-text[data-v-ea5a23b6]{flex:1;font-size:.88rem;font-weight:inherit}.submenu-arrow[data-v-ea5a23b6]{font-size:.78rem;color:var(--sidebar-icon-color);transition:transform var(--transition-fast)}.submenu-arrow.rotated[data-v-ea5a23b6]{transform:rotate(180deg)}.submenu[data-v-ea5a23b6]{margin:.1rem 0 .25rem 1.95rem;padding:0;border:0;border-left:1px solid var(--border-color);background:transparent;display:grid;gap:.05rem}.collapsed-submenu-flyout[data-v-ea5a23b6]{position:absolute;top:0;left:calc(100% + .8rem);min-width:250px;display:grid;gap:.35rem;padding:.7rem;border:1px solid rgba(132,156,187,.2);border-radius:var(--border-radius-lg);background:#fffffff0;box-shadow:0 18px 40px #223a5824;backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong))}.collapsed-submenu-heading[data-v-ea5a23b6]{display:flex;align-items:center;gap:.75rem;padding:.25rem .15rem .5rem;border-bottom:1px solid rgba(132,156,187,.14)}.collapsed-submenu-heading strong[data-v-ea5a23b6]{display:block;color:var(--text-color-strong);font-size:.95rem}.collapsed-submenu-heading small[data-v-ea5a23b6]{color:var(--text-muted)}.collapsed-submenu-link[data-v-ea5a23b6]{display:flex;align-items:center;gap:.65rem;padding:.7rem .8rem;border-radius:var(--border-radius-md);border:1px solid transparent;color:var(--text-color-strong);text-decoration:none;font-size:.9rem;font-weight:600}.collapsed-submenu-link[data-v-ea5a23b6]:hover,.collapsed-submenu-link.router-link-active[data-v-ea5a23b6]{background:linear-gradient(180deg,var(--glass-surface-strong) 0%,rgba(31,60,136,.1) 100%);border-color:#1f3c8833;box-shadow:none}.submenu-link[data-v-ea5a23b6]{display:flex;align-items:center;gap:.55rem;padding:.35rem .6rem;border:0;border-radius:6px;color:var(--sidebar-submenu-link-color);text-decoration:none;font-size:.84rem;font-weight:500;transition:background-color var(--transition-fast),color var(--transition-fast)}.submenu-link[data-v-ea5a23b6]:hover{color:var(--sidebar-link-hover-color);background:var(--tone-rest-bg, rgba(98, 122, 148, .08));border-color:transparent}.submenu-icon[data-v-ea5a23b6]{width:.9rem;min-width:.9rem;font-size:.72rem;text-align:center;color:inherit;opacity:.8}.submenu-text[data-v-ea5a23b6]{flex:1}.submenu-link.router-link-active[data-v-ea5a23b6]{color:var(--text-color-strong);font-weight:600;background:var(--tone-info-bg, rgba(31, 60, 136, .07));border:0;box-shadow:none}.sidebar-footer[data-v-ea5a23b6]{margin-top:.85rem;padding-top:.6rem;border-top:1px solid var(--sidebar-border-color);display:flex;flex-direction:column;gap:6px}.sidebar-live-slot[data-v-ea5a23b6]{margin-top:.6rem}.footer-location[data-v-ea5a23b6]{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;background:var(--sidebar-footer-bg);color:var(--ff-primary)}.footer-location-text[data-v-ea5a23b6]{min-width:0}.footer-location-name[data-v-ea5a23b6]{font-size:13.5px;font-weight:600;color:var(--ff-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-location-sub[data-v-ea5a23b6]{font-size:12px;color:var(--ff-text-faint)}.footer-operations[data-v-ea5a23b6]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:2px 4px 0}.new-sidebar-nav.collapsed .footer-operations[data-v-ea5a23b6]{justify-content:center}.footer-user[data-v-ea5a23b6]{display:flex;align-items:center;gap:10px;min-width:0}.footer-avatar[data-v-ea5a23b6]{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:#dde6f5;color:var(--ff-primary);font-weight:600;font-size:13px}.footer-user-info[data-v-ea5a23b6]{display:flex;flex-direction:column;min-width:0}.footer-user-name[data-v-ea5a23b6]{font-weight:600;font-size:13.5px;color:var(--ff-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-user-role[data-v-ea5a23b6]{font-size:12px;color:var(--ff-text-faint)}.footer-action-button[data-v-ea5a23b6]{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--sidebar-icon-color);cursor:pointer;flex:none;transition:background var(--transition-fast),color var(--transition-fast)}.footer-action-button[data-v-ea5a23b6]:hover{background:var(--sidebar-link-hover-bg);color:var(--ff-danger)}.navigation-menu[data-v-ea5a23b6]::-webkit-scrollbar{width:6px}.navigation-menu[data-v-ea5a23b6]::-webkit-scrollbar-thumb{border-radius:999px;background:var(--sidebar-scrollbar-thumb-bg)}.navigation-menu[data-v-ea5a23b6]::-webkit-scrollbar-thumb:hover{background:var(--sidebar-scrollbar-thumb-hover-bg)}@media (max-width: 768px){.new-sidebar-nav[data-v-ea5a23b6]{padding-top:.8rem}}@media (max-width: 1024px){.sidebar-live-slot[data-v-ea5a23b6]{display:none}.new-sidebar-nav[data-v-ea5a23b6]{width:min(320px,88vw);max-width:88vw;height:100dvh;padding:.9rem .85rem;transform:translate(-108%);transition:transform var(--transition-normal),box-shadow var(--transition-normal);box-shadow:24px 0 56px #111f382e}.new-sidebar-nav.collapsed[data-v-ea5a23b6]{width:min(320px,88vw);padding-inline:.85rem;transform:translate(-108%)}.new-sidebar-nav[data-v-ea5a23b6]:not(.collapsed){transform:translate(0)}.new-sidebar-nav.collapsed .sidebar-header[data-v-ea5a23b6]{justify-content:space-between}.new-sidebar-nav.collapsed .nav-link[data-v-ea5a23b6]{justify-content:flex-start;padding-inline:.8rem}.new-sidebar-nav.collapsed .nav-icon[data-v-ea5a23b6]{font-size:.95rem}.new-sidebar-nav.collapsed .footer-actions-collapsed[data-v-ea5a23b6]{justify-content:flex-end}.new-sidebar-nav.collapsed .footer-action-icon[data-v-ea5a23b6]{flex:0 0 42px}}.nav-section-divider[data-v-ea5a23b6]{margin:.7rem 0 .15rem;padding:0 .55rem;list-style:none}.nav-section-label[data-v-ea5a23b6]{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.nav-section-label.section-blue[data-v-ea5a23b6],.nav-section-label.section-amber[data-v-ea5a23b6],.nav-section-label.section-green[data-v-ea5a23b6],.nav-section-label.section-purple[data-v-ea5a23b6]{color:var(--ff-text-faint)}.nav-icon-shell.shell-blue[data-v-ea5a23b6],.nav-icon-shell.shell-amber[data-v-ea5a23b6],.nav-icon-shell.shell-green[data-v-ea5a23b6],.nav-icon-shell.shell-purple[data-v-ea5a23b6]{background:transparent;color:inherit}.new-app-header[data-v-7742843f]{color:var(--header-text-color);padding:0;display:flex;position:sticky;top:0;z-index:1000;pointer-events:none;background:#f3f6fae0;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--border-color)}.header-content[data-v-7742843f]{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;max-width:calc(var(--content-max-width) + (var(--container-padding) * 2));margin:0 auto;padding:.5rem var(--container-padding);border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:auto}.header-left[data-v-7742843f],.header-right[data-v-7742843f]{display:flex;align-items:center;gap:.75rem}.header-right[data-v-7742843f]{position:relative}.mobile-menu-button[data-v-7742843f],.header-action-btn[data-v-7742843f]{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--header-icon-color);cursor:pointer;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);position:relative}.theme-toggle-btn[data-v-7742843f]{min-height:34px;padding:0 .65rem;display:inline-flex;align-items:center;gap:.4rem;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--header-text-color);cursor:pointer;font-size:.82rem;font-weight:500;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.theme-toggle-label[data-v-7742843f]{white-space:nowrap}.mobile-menu-button[data-v-7742843f]{display:none}@media (min-width: 1025px){.app-brand[data-v-7742843f]{display:none}}.mobile-menu-button[data-v-7742843f]:hover,.header-action-btn[data-v-7742843f]:hover,.theme-toggle-btn[data-v-7742843f]:hover{background:var(--tone-rest-bg);border-color:var(--tone-rest-border);color:var(--text-color-strong);transform:none}.app-brand a[data-v-7742843f]{display:flex;align-items:center;gap:.7rem;text-decoration:none}.brand-mark[data-v-7742843f]{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.6rem;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.06em;background:linear-gradient(145deg,var(--primary-color),var(--info-color));box-shadow:0 4px 10px #1f3c882e}.brand-name[data-v-7742843f]{font-size:1.05rem;font-weight:700;color:var(--text-color-strong)}.header-center[data-v-7742843f]{flex:1;display:flex;justify-content:center;padding:0 1.4rem}.global-search[data-v-7742843f]{position:relative;width:100%;max-width:540px}.search-icon[data-v-7742843f]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--search-icon-color)}.global-search input[data-v-7742843f]{width:100%;min-height:34px;padding:.35rem 2.5rem .35rem 2.2rem;border:1px solid var(--border-color);border-radius:999px;background:#ffffffb8;color:var(--search-text-color);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:.88rem}.global-search input[data-v-7742843f]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-light-transparent)}.search-clear-btn[data-v-7742843f]{position:absolute;right:.75rem;top:50%;width:1.9rem;height:1.9rem;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:var(--search-icon-color);cursor:pointer;transform:translateY(-50%);transition:background-color var(--transition-fast),color var(--transition-fast)}.search-clear-btn[data-v-7742843f]:hover{background:#1f3c8814;color:var(--text-color-strong)}.global-search-dropdown[data-v-7742843f]{position:absolute;top:calc(100% + .55rem);left:0;right:0;display:grid;gap:.28rem;padding:.45rem;border:1px solid var(--glass-border);border-radius:1.15rem;background:linear-gradient(180deg,var(--panel-surface-start) 0%,var(--panel-surface-end) 100%);box-shadow:var(--glass-shadow);backdrop-filter:none;-webkit-backdrop-filter:none;z-index:1015}.search-suggestion[data-v-7742843f]{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.75rem .8rem;border:0;border-radius:.95rem;background:transparent;color:inherit;cursor:pointer;text-align:left;transition:background-color var(--transition-fast),transform var(--transition-fast)}.search-suggestion[data-v-7742843f]:hover,.search-suggestion.active[data-v-7742843f]{background:#1f3c8817;transform:translateY(-1px)}.search-suggestion-icon[data-v-7742843f]{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.7rem;background:#1f3c881a;color:var(--primary-color)}.search-suggestion-copy[data-v-7742843f]{min-width:0;display:grid;gap:.18rem}.search-suggestion-copy strong[data-v-7742843f]{color:var(--text-color-strong);font-size:.92rem}.search-suggestion-copy small[data-v-7742843f]{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-suggestion-route[data-v-7742843f]{color:var(--text-muted);font-size:.75rem;white-space:nowrap}.notification-badge[data-v-7742843f]{position:absolute;top:-.1rem;right:-.1rem;background:linear-gradient(180deg,#c4453df5,#c4453dd1);color:#fff;font-size:.7rem;padding:2px 5px;border-radius:999px;font-weight:700;box-shadow:0 6px 16px #c4453d3d}.operations-pill[data-v-7742843f]{display:inline-flex;align-items:baseline;gap:.4rem;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--tone-rest-border);background:var(--tone-rest-bg);backdrop-filter:none;-webkit-backdrop-filter:none}.operations-kicker[data-v-7742843f]{font-size:var(--type-eyebrow);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.operations-pill strong[data-v-7742843f]{font-size:.82rem;color:var(--text-color-strong);font-weight:600}.operations-pill small[data-v-7742843f]{color:var(--text-muted);font-size:.78rem}@media (max-width: 1280px){.operations-pill small[data-v-7742843f]{display:none}}@media (max-width: 900px){.operations-pill[data-v-7742843f]{display:none}}.notifications-dropdown-panel[data-v-7742843f]{position:absolute;top:calc(100% + .9rem);right:0;min-width:290px;border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);background:linear-gradient(180deg,var(--panel-surface-start) 0%,var(--panel-surface-end) 100%);box-shadow:var(--glass-shadow);backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden;z-index:1010}.dropdown-header[data-v-7742843f]{padding:.9rem 1rem;font-weight:700;font-family:var(--font-display);border-bottom:1px solid var(--panel-section-border)}.notifications-list-items[data-v-7742843f]{list-style:none;padding:0;margin:0;max-height:360px;overflow-y:auto}.notification-item[data-v-7742843f]{padding:.85rem 1rem;cursor:pointer;border-bottom:1px solid var(--panel-section-border);transition:background-color var(--transition-fast)}.notification-item[data-v-7742843f]:last-child{border-bottom:none}.notification-item[data-v-7742843f]:hover{background:var(--panel-hover-bg)}.notification-item.unread[data-v-7742843f]{background:#1f3c880f}.notification-content[data-v-7742843f]{display:flex;align-items:center;gap:.6rem}.notification-icon[data-v-7742843f]{width:1.45rem;text-align:center}.notification-text[data-v-7742843f]{flex:1;color:var(--text-color);font-size:.88rem}.notification-meta[data-v-7742843f]{margin-top:.4rem}.notification-time[data-v-7742843f]{font-size:.75rem;color:var(--text-muted)}.no-notifications[data-v-7742843f]{padding:1rem;text-align:center;color:var(--text-muted)}@media (max-width: 992px){.header-center[data-v-7742843f]{padding:0 .9rem}.brand-name[data-v-7742843f]{font-size:.98rem}.theme-toggle-label[data-v-7742843f]{display:none}.theme-toggle-btn[data-v-7742843f]{width:40px;justify-content:center;padding:0;border-radius:50%}.operations-pill[data-v-7742843f]{min-width:0;padding:.45rem .7rem}.operations-pill small[data-v-7742843f],.operations-kicker[data-v-7742843f],.search-suggestion-route[data-v-7742843f]{display:none}}@media (max-width: 768px){.new-app-header[data-v-7742843f]{padding:.65rem .7rem 0}.header-content[data-v-7742843f]{min-height:calc(var(--header-height) - 22px);padding-inline:.75rem}.mobile-menu-button[data-v-7742843f]{display:inline-flex;width:36px;height:36px}.header-center[data-v-7742843f]{padding:0 .6rem}.brand-name[data-v-7742843f]{display:none}.notifications-dropdown-panel[data-v-7742843f]{min-width:min(280px,calc(100vw - 1.4rem))}}@media (max-width: 560px){.header-center[data-v-7742843f]{display:none}}.new-app-footer[data-v-5310e613]{margin:0;padding:0;color:var(--footer-text-color);border-top:1px solid var(--border-color)}.footer-container[data-v-5310e613]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;max-width:calc(var(--content-max-width) + (var(--container-padding) * 2));margin:0 auto;padding:.65rem var(--container-padding);border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.footer-section[data-v-5310e613]{display:flex;align-items:center;gap:.8rem}.footer-left[data-v-5310e613]{font-size:.88rem}.copyright-text[data-v-5310e613]{font-weight:600}.version-text[data-v-5310e613]{padding:.25rem .55rem;border-radius:999px;background:#ffffff85;color:var(--footer-badge-text-color);border:1px solid rgba(255,255,255,.42)}.footer-center[data-v-5310e613]{justify-content:center}.system-status[data-v-5310e613]{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border-radius:999px;font-weight:700;font-size:.82rem}.system-status.status-online[data-v-5310e613]{color:var(--success-color-dark);background:var(--success-color-light, rgba(31, 138, 91, .12));border:1px solid var(--success-color-border, rgba(31, 138, 91, .18))}.system-status.status-offline[data-v-5310e613]{color:var(--danger-color-dark);background:var(--danger-color-light, rgba(196, 69, 61, .12));border:1px solid var(--danger-color-border, rgba(196, 69, 61, .18))}.footer-right[data-v-5310e613]{justify-content:flex-end}.footer-link[data-v-5310e613]{color:var(--footer-link-color);text-decoration:none;font-weight:600;transition:color var(--transition-fast),transform var(--transition-fast)}.footer-link--action[data-v-5310e613]{display:inline-flex;align-items:center;gap:.4rem;min-height:28px;padding:.25rem .6rem;border-radius:6px;border:1px solid transparent;background:transparent;box-shadow:none;font-size:.82rem}.footer-link[data-v-5310e613]:hover{color:var(--footer-link-hover-color);transform:none}.footer-link--action[data-v-5310e613]:hover{border-color:var(--tone-rest-border);background:var(--tone-rest-bg)}@media (max-width: 768px){.new-app-footer[data-v-5310e613]{margin-inline:.7rem}.footer-container[data-v-5310e613]{justify-content:center;text-align:center}.footer-section[data-v-5310e613]{width:100%;justify-content:center}}#app[data-v-24546858]{display:flex;flex-direction:column;min-height:100vh;background:var(--main-content-bg);overflow-x:hidden}.app-layout[data-v-24546858]{display:flex;flex-grow:1;overflow:hidden}.sidebar-overlay[data-v-24546858]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:block;background:#07101c57;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.main-content[data-v-24546858]{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;position:relative;background:transparent;padding-left:var(--391c8ef4);transition:padding-left var(--transition-normal)}.page-content[data-v-24546858]{flex-grow:1;padding:1.1rem var(--container-padding) 1.75rem;width:100%;max-width:calc(var(--content-max-width) + (var(--container-padding) * 2));margin:0 auto}.login-layout[data-v-24546858]{display:flex;flex-direction:column;flex-grow:1;min-height:100svh;min-height:100dvh;align-items:center;justify-content:center;width:100%}.mobile-layout[data-v-24546858]{flex-grow:1;min-height:100svh;min-height:100dvh;width:100%;overflow-x:hidden;background:radial-gradient(880px 430px at 3% 0%,rgba(147,197,253,.22) 0%,transparent 56%),radial-gradient(820px 420px at 102% 0%,rgba(45,212,191,.16) 0%,transparent 50%),linear-gradient(180deg,#edf3fb,#f7fbff)}.mobile-page-content[data-v-24546858]{width:min(100%,760px);min-height:100svh;min-height:100dvh;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + .95rem) max(.8rem,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 1rem) max(.8rem,env(safe-area-inset-left,0px))}@media (max-width: 1024px){.main-content[data-v-24546858]{padding-left:0}.page-content[data-v-24546858]{padding-left:1rem;padding-right:1rem}}@media (max-width: 768px){.page-content[data-v-24546858]{padding-top:calc(var(--header-height) + .3rem);padding-inline:.9rem}.mobile-page-content[data-v-24546858]{padding:calc(env(safe-area-inset-top,0px) + .8rem) max(.7rem,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + .9rem) max(.7rem,env(safe-area-inset-left,0px))}}@media (min-width: 769px) and (max-width: 1100px){.mobile-page-content[data-v-24546858]{padding:calc(env(safe-area-inset-top,0px) + 1rem) max(1rem,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 1rem) max(1rem,env(safe-area-inset-left,0px))}}:root{--ff-primary: #1f3c88;--ff-primary-700: #1a3573;--ff-primary-800: #15295c;--ff-primary-tint: #e9eef9;--ff-primary-tint-2: #eef2fb;--ff-primary-hover-border: #cdd9f2;--ff-accent: #5b8cff;--ff-accent-soft: #7fa0ff;--primary-color: #1f3c88;--primary-hover: #1a3573;--primary-light: #e9eef9;--primary-color-light-transparent: #eef2fb;--ff-success: #1f8a5b;--ff-success-bg: #e3f3ea;--ff-success-border: #bfe6cf;--ff-success-soft: #f3faf6;--ff-warning: #b9770b;--ff-warning-bg: #fbefd6;--ff-danger: #c4453d;--ff-danger-bg: #fae7e5;--success-color: #1f8a5b;--success-hover: #19724b;--success-light: #e3f3ea;--success-color-light: #e3f3ea;--success-color-dark: #15663f;--warning-color: #b9770b;--warning-hover: #9a6309;--warning-light: #fbefd6;--danger-color: #c4453d;--danger-hover: #a8362f;--danger-light: #fae7e5;--danger-color-light: #fae7e5;--danger-color-dark: #8f2d27;--info-color: #1f3c88;--info-hover: #1a3573;--info-light: #e9eef9;--gray-50: #f7f9fc;--gray-100: #eef1f7;--gray-200: #e8ecf4;--gray-300: #cfd6e4;--gray-400: #a7b0c5;--gray-500: #8a93ad;--gray-600: #6b7390;--gray-700: #42496a;--gray-800: #283150;--gray-900: #16203f;--ff-bg: #eef1f7;--ff-surface: #ffffff;--ff-surface-2: #f7f9fc;--ff-surface-3: #fbfcfe;--ff-inset: #f1f3f9;--ff-scan-bg: #0d152b;--bg-color: #eef1f7;--bg-light: #ffffff;--bg-dark: #0d152b;--bg-surface: #ffffff;--bg-surface-strong: #ffffff;--bg-surface-raised: #ffffff;--bg-surface-muted: #f7f9fc;--bg-subtle: #f7f9fc;--bg-sidebar: #ffffff;--bg-sidebar-elevated: #ffffff;--main-content-bg: #eef1f7;--ff-text: #16203f;--ff-text-2: #42496a;--ff-text-muted: #6b7390;--ff-text-faint: #8a93ad;--text-color: #16203f;--text-color-strong: #16203f;--text-color-header: #16203f;--text-muted: #6b7390;--text-color-muted: #6b7390;--text-light: #8a93ad;--text-color-placeholder: #8a93ad;--text-inverse: #ffffff;--ff-border: #e8ecf4;--ff-border-2: #e3e7f0;--ff-border-strong: #cfd6e4;--border-color: #e8ecf4;--border-light: #eef1f7;--border-dark: #e3e7f0;--border-color-base: #e8ecf4;--border-color-light: #eef1f7;--border-color-extra-light: #f1f3f9;--glass-surface: #ffffff;--glass-surface-strong: #ffffff;--glass-surface-dark: #0d152b;--glass-border: #e8ecf4;--glass-border-strong: #e3e7f0;--glass-highlight: #cdd9f2;--glass-shadow: 0 16px 34px -22px rgba(22, 32, 63, .28);--glass-shadow-lg: 0 24px 48px -24px rgba(22, 32, 63, .34);--glass-shadow-soft: 0 1px 2px rgba(22, 32, 63, .05);--glass-blur: 0px;--glass-blur-strong: 0px;--ff-shadow-sm: 0 1px 2px rgba(22, 32, 63, .05);--ff-shadow-card: 0 16px 34px -16px rgba(31, 60, 136, .4);--ff-shadow-hover: 0 18px 36px -20px rgba(22, 32, 63, .45);--ff-shadow-cta: 0 7px 16px -9px rgba(31, 60, 136, .9);--shadow-sm: 0 1px 2px rgba(22, 32, 63, .05);--shadow: 0 4px 10px -4px rgba(22, 32, 63, .12);--shadow-md: 0 12px 24px -14px rgba(22, 32, 63, .18);--shadow-lg: 0 18px 36px -20px rgba(22, 32, 63, .22);--shadow-xl: 0 28px 56px -28px rgba(22, 32, 63, .28);--spacing-xs: .3rem;--spacing-sm: .55rem;--spacing-md: .85rem;--spacing-lg: 1.15rem;--spacing-xl: 1.6rem;--spacing-2xl: 2.4rem;--spacing-3xl: 3.6rem;--ff-radius-sm: 8px;--ff-radius: 11px;--ff-radius-md: 13px;--ff-radius-lg: 16px;--ff-radius-xl: 20px;--ff-radius-pill: 999px;--border-radius: 11px;--border-radius-sm: 8px;--border-radius-md: 10px;--border-radius-lg: 14px;--border-radius-xl: 18px;--border-radius-2xl: 20px;--ff-font-sans: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--ff-font-mono: "Geist Mono", ui-monospace, "SF Mono", monospace;--ff-font-barcode: "Libre Barcode 128", monospace;--font-display: var(--ff-font-sans);--font-body: var(--ff-font-sans);--font-serif: var(--ff-font-sans);--font-mono: var(--ff-font-mono);--font-barcode: var(--ff-font-barcode);--font-xs: .78rem;--font-sm: .84rem;--font-base: .9rem;--font-lg: .97rem;--font-xl: 1.06rem;--font-2xl: 1.31rem;--font-3xl: 1.44rem;--font-4xl: 1.6rem;--font-5xl: 1.81rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-heavy: 700;--line-height-tight: 1.18;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--transition-fast: .15s cubic-bezier(.22, 1, .36, 1);--transition-normal: .22s cubic-bezier(.22, 1, .36, 1);--transition-slow: .36s cubic-bezier(.22, 1, .36, 1);--sidebar-width: 214px;--sidebar-collapsed-width: 62px;--header-height: 56px;--content-max-width: 1200px;--container-padding: clamp(.9rem, 1vw + .6rem, 1.4rem);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--card-padding: var(--spacing-lg);--button-height: 38px;--input-height: 40px;--table-row-height: 44px;--header-bg: rgba(255, 255, 255, .96);--header-text-color: #16203f;--header-icon-color: #6b7390;--header-icon-hover-bg: #f1f3f9;--header-surface-start: #ffffff;--header-surface-end: #ffffff;--header-control-bg: #f1f3f9;--header-control-hover-bg: #e8ecf4;--header-control-border: #e3e7f0;--brand-color: #1f3c88;--search-bg: #f5f7fb;--search-border-color: #e3e7f0;--search-icon-color: #8a93ad;--search-text-color: #16203f;--search-surface-start: #f5f7fb;--search-surface-end: #f5f7fb;--panel-surface-start: #ffffff;--panel-surface-end: #ffffff;--panel-hover-bg: #f5f7fb;--panel-section-border: #eef1f7;--surface-highlight: #f7f9fc;--sidebar-bg: #ffffff;--sidebar-border-color: #e3e7f0;--sidebar-text-color: #16203f;--sidebar-link-color: #5b647f;--sidebar-link-hover-bg: #f5f7fb;--sidebar-link-hover-color: #16203f;--sidebar-link-active-bg: #eef2fb;--sidebar-link-active-color: #1f3c88;--sidebar-icon-color: #5b647f;--sidebar-icon-hover-color: #1f3c88;--sidebar-submenu-bg: #f7f9fc;--sidebar-submenu-link-color: #6b7390;--sidebar-submenu-link-hover-color: #16203f;--sidebar-footer-bg: #f5f7fb;--sidebar-scrollbar-thumb-bg: #cdd5e4;--sidebar-scrollbar-thumb-hover-bg: #b6c0d6;--footer-bg: #ffffff;--footer-text-color: #8a93ad;--footer-border-color: #e8ecf4;--footer-badge-bg: #f5f7fb;--footer-badge-text-color: #16203f;--footer-link-color: #1f3c88;--footer-link-hover-color: #15295c;--status-active: var(--success-color);--status-pending: var(--warning-color);--status-error: var(--danger-color);--status-inactive: var(--gray-400);--selolje-color: #b9770b;--blaabaer-color: #1f3c88;--q10-color: #5b5ee2;--filling-color: #b9770b;--labeling-color: #1f8a5b;--packaging-color: #c4453d;--completed-color: #1f8a5b;--content-max: 1200px;--content-pad: clamp(1rem, 1.2vw + .6rem, 1.5rem);--page-shell-gap: 1.15rem;--page-stack-gap: 1.1rem;--type-eyebrow: .78rem;--type-title-lg: clamp(1.5rem, 1.8vw + .6rem, 2.05rem);--type-title-md: clamp(1.3rem, 1.3vw + .6rem, 1.6rem);--type-section-label: .78rem;--tone-rest-bg: #f1f3f9;--tone-rest-border: #e3e7f0;--tone-rest-text: #42496a;--tone-rest-dot: #8a93ad;--tone-active-bg: #e3f3ea;--tone-active-border: #bfe6cf;--tone-active-text: #15663f;--tone-active-dot: #1f8a5b;--tone-attention-bg: #fbefd6;--tone-attention-border: #f0dcae;--tone-attention-text: #8a5a08;--tone-attention-dot: #b9770b;--tone-critical-bg: #fae7e5;--tone-critical-border: #f3cfca;--tone-critical-text: #8f2d27;--tone-critical-dot: #c4453d;--tone-info-bg: #e9eef9;--tone-info-border: #cdd9f2;--tone-info-text: #1f3c88;--tone-info-dot: #1f3c88;--accent-color: #1f3c88;--accent-color-strong: #1a3573}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg-color: #0d152b;--bg-light: #16203f;--bg-surface: #131c33;--bg-surface-strong: #16203f;--bg-surface-raised: #1a2547;--bg-surface-muted: #101830;--bg-subtle: #101830;--bg-sidebar: #0d152b;--bg-sidebar-elevated: #101830;--main-content-bg: #0d152b;--text-color: #e9f1fb;--text-color-strong: #ffffff;--text-color-header: #f4f8ff;--text-muted: #aab6cf;--text-color-muted: #aab6cf;--text-light: #8a93ad;--text-color-placeholder: #8a93ad;--border-color: #243155;--border-light: #1c264a;--border-dark: #2a3760;--border-color-base: #243155;--border-color-light: #1c264a;--border-color-extra-light: #19223f;--glass-surface: #131c33;--glass-surface-strong: #16203f;--glass-border: #243155;--glass-border-strong: #2a3760;--glass-highlight: #34406a;--header-bg: rgba(13, 21, 43, .92);--header-text-color: #f4f8ff;--sidebar-bg: #0d152b;--sidebar-border-color: #243155;--sidebar-text-color: #edf4ff;--sidebar-link-color: #aab6cf;--sidebar-link-hover-bg: #16203f;--sidebar-link-active-bg: #1a2547;--sidebar-link-active-color: #7fa0ff;--footer-bg: #0d152b;--footer-text-color: #aab6cf;--footer-border-color: #243155}@media (min-width: 1920px){:root{--content-max-width: 1320px;--content-max: 1320px;--sidebar-width: 230px}}*{box-sizing:border-box}html{font-size:13.5px;line-height:1.5;background:var(--main-content-bg)}#app{min-height:100vh;position:relative}body{background:var(--main-content-bg)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ecf3fc9e;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong))}.loading-spinner{text-align:center;color:var(--primary-color);padding:1.6rem 1.8rem;min-width:180px;border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);background:linear-gradient(180deg,var(--glass-surface-strong) 0%,var(--glass-surface) 100%);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.loading-spinner i{font-size:2rem;margin-bottom:1rem;display:block}.loading-spinner p{margin:0;font-weight:var(--font-medium)}.error-toast{position:fixed;top:1rem;right:1rem;z-index:9998;max-width:400px}.toast-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(180deg,#fff5f8e0,#ffeaf0b3);color:var(--danger-color-dark);border:1px solid rgba(194,65,95,.2);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);animation:slideInRight .3s ease-out;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.toast-close{background:none;border:none;color:currentColor;cursor:pointer;padding:.25rem;border-radius:var(--border-radius-sm);margin-left:auto}.toast-close:hover{background:#c2415f14}.notifications-container{position:fixed;top:5rem;right:1rem;z-index:9997;display:flex;flex-direction:column;gap:.5rem;max-width:400px}.notification-toast{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:linear-gradient(180deg,var(--glass-surface-strong) 0%,var(--glass-surface) 100%);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);animation:slideInRight .3s ease-out;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.notification-success{border-left:4px solid var(--success-color)}.notification-error{border-left:4px solid var(--danger-color)}.notification-warning{border-left:4px solid var(--warning-color)}.notification-info{border-left:4px solid var(--info-color)}.notification-icon{width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0;margin-top:.125rem}.notification-success .notification-icon{background:var(--success-light);color:var(--success-color)}.notification-error .notification-icon{background:var(--danger-light);color:var(--danger-color)}.notification-warning .notification-icon{background:var(--warning-light);color:var(--warning-color)}.notification-info .notification-icon{background:var(--info-light);color:var(--info-color)}.notification-content{flex:1}.notification-title{font-weight:var(--font-medium);color:var(--text-color);font-size:var(--font-sm);margin-bottom:.25rem}.notification-message{color:var(--text-muted);font-size:var(--font-sm);line-height:1.4}.notification-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:var(--border-radius-sm);flex-shrink:0}.notification-close:hover{background:#ffffff80;color:var(--text-color)}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column}.page-content{flex:1;padding-top:0;min-height:calc(100vh - var(--header-height))}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#07101c57;z-index:999;display:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.main-content,.sidebar-collapsed .main-content{margin-left:0}}@media (max-width: 768px){.notifications-container,.error-toast{right:.5rem;left:.5rem;max-width:none}}@media print{.loading-overlay,.error-toast,.notifications-container,.sidebar-nav,.app-header,.app-footer{display:none!important}.main-content{margin-left:0!important}.page-content{padding-top:0!important}}button:focus,input:focus,select:focus,textarea:focus,a:focus{outline:2px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--primary-light);color:var(--primary-color)}::-moz-selection{background:var(--primary-light);color:var(--primary-color)}.sidebar{width:280px;height:100vh;background:var(--bg-surface);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width var(--transition-normal);position:fixed;left:0;top:0;z-index:1000}.sidebar.sidebar-collapsed{width:70px}.sidebar-header{padding:.75rem var(--spacing-sm);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height)}.sidebar-brand{display:flex;align-items:center;gap:.75rem}.brand-icon{font-size:1.5rem;color:var(--primary-color)}.brand-text{font-size:1.25rem;font-weight:var(--font-semibold);color:var(--text-color)}.sidebar-toggle{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:.5rem;border-radius:var(--border-radius);transition:all var(--transition-fast)}.sidebar-toggle:hover{background:var(--bg-light);color:var(--text-color)}.sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-md) var(--spacing-sm)}.sidebar-nav{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:.25rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.5rem .85rem;color:var(--text-muted);text-decoration:none;transition:all var(--transition-fast);border:none;background:none;width:100%;cursor:pointer}.nav-link:hover{background:var(--bg-light);color:var(--text-color);text-decoration:none}.nav-link.active{background:var(--primary-light);color:var(--primary-color);font-weight:var(--font-semibold);border-left:3px solid var(--primary-color)}.nav-icon{font-size:1rem;width:1.25rem;text-align:center;flex-shrink:0}.nav-text{font-weight:var(--font-medium)}.nav-toggle{justify-content:space-between}.nav-arrow{font-size:.75rem;transition:transform var(--transition-fast)}.nav-arrow.rotated{transform:rotate(180deg)}.nav-children{list-style:none;padding:0;margin:0;background:var(--bg-light)}.nav-child-item{margin:0}.nav-child-link{display:block;padding:.625rem 1rem .625rem 3rem;color:var(--text-color);text-decoration:none;font-size:var(--font-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}.nav-child-link:hover{background:var(--bg-surface);color:var(--text-color);text-decoration:none}.nav-child-link.active{background:var(--primary-light);color:var(--primary-color)}.sidebar-stats{margin:1rem;padding:1rem;background:var(--bg-light);border-radius:var(--border-radius)}.stats-header h6{margin:0 0 .75rem;font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stat-item{text-align:center;padding:.5rem;border-radius:var(--border-radius-sm);background:var(--bg-surface)}.stat-item.stat-warning{background:var(--warning-light)}.stat-value{font-size:1.25rem;font-weight:var(--font-bold);color:var(--text-color)}.stat-warning .stat-value{color:var(--warning-color)}.stat-label{font-size:var(--font-sm);color:var(--text-muted);margin-top:.25rem}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--border-light)}.user-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.user-avatar{width:2.5rem;height:2.5rem;background:var(--primary-light);color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.user-name{font-weight:var(--font-medium);color:var(--text-color);font-size:var(--font-sm)}.user-role{font-size:var(--font-xs);color:var(--text-color);font-weight:var(--font-medium)}.footer-actions{display:flex;gap:.5rem}.footer-action{flex:1;padding:.5rem;background:none;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-muted);text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);cursor:pointer}.footer-action:hover{background:var(--bg-light);color:var(--text-color);text-decoration:none}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar:not(.sidebar-collapsed){transform:translate(0)}}.dashboard{padding:1rem;max-width:1400px;margin:0 auto}.alerts-section{margin-bottom:1rem}.alert{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-radius:var(--border-radius);margin-bottom:1rem;border-left:4px solid}.alert-warning{background:var(--warning-light);border-color:var(--warning-color);color:var(--warning-color)}.alert-danger{background:var(--danger-light);border-color:var(--danger-color);color:var(--danger-color)}.alert-content{display:flex;align-items:center;gap:.75rem}.alert-icon{font-size:1.25rem}.alert-action{display:flex;align-items:center;gap:.5rem;color:inherit;text-decoration:none;font-weight:var(--font-medium);transition:opacity var(--transition-fast)}.alert-action:hover{opacity:.8;text-decoration:none;color:inherit}.metrics-section{margin-bottom:1rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.section-header h2{margin:0;color:var(--text-color);font-size:var(--font-2xl);font-weight:var(--font-semibold)}.header-actions{display:flex;align-items:center;gap:1rem}.last-updated{font-size:var(--font-sm);color:var(--text-muted)}.dashboard-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.25rem}.dashboard-section{min-height:auto}@media (max-width: 1200px){.dashboard-content{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 768px){.dashboard{padding:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;justify-content:space-between}.dashboard-content{grid-template-columns:1fr;gap:1.5rem}.alert{flex-direction:column;align-items:flex-start;gap:1rem}.alert-action{align-self:flex-end}}@media (max-width: 480px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.metric-card{padding:1rem}.metric-value{font-size:var(--font-xl)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:var(--button-height);padding:0 .85rem;font-family:inherit;font-size:var(--font-sm);font-weight:600;line-height:var(--line-height-tight);text-decoration:none;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border-color);border-radius:8px;background:#ffffffb8;color:var(--text-color);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);position:relative;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.btn:hover{text-decoration:none;transform:none;box-shadow:none;background:#ffffffeb;border-color:#1f3c8847}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #1f3c882e}.btn:active{transform:none;box-shadow:none}.btn:disabled,.btn.disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--text-color-strong);border-color:var(--text-color-strong);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-secondary{background:var(--gray-700);border-color:var(--gray-700);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--gray-800);border-color:var(--gray-800);color:#fff}.btn-success{background:var(--success-color);border-color:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){background:var(--success-hover);border-color:var(--success-hover);color:#fff}.btn-warning{background:var(--warning-color);border-color:var(--warning-color);color:#fff}.btn-warning:hover:not(:disabled){background:var(--warning-hover);border-color:var(--warning-hover);color:#fff}.btn-danger{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover);color:#fff}.btn-info{background:var(--info-color);border-color:var(--info-color);color:#fff}.btn-info:hover:not(:disabled){background:var(--info-hover);border-color:var(--info-hover);color:#fff}.btn-outline,.btn-outline-primary{background:transparent;border-color:var(--border-color);color:var(--text-color)}.btn-outline:hover:not(:disabled),.btn-outline-primary:hover:not(:disabled){background:var(--tone-info-bg);border-color:var(--tone-info-border);color:var(--tone-info-text)}.btn-outline-secondary{background:transparent;border-color:var(--border-color);color:var(--text-muted)}.btn-outline-secondary:hover:not(:disabled){background:var(--tone-rest-bg);border-color:var(--tone-rest-border);color:var(--text-color-strong)}.btn-outline-success{background:transparent;border-color:var(--tone-active-border);color:var(--tone-active-text)}.btn-outline-success:hover:not(:disabled){background:var(--tone-active-bg);border-color:var(--tone-active-border);color:var(--tone-active-text)}.btn-outline-warning{background:transparent;border-color:var(--tone-attention-border);color:var(--tone-attention-text)}.btn-outline-warning:hover:not(:disabled){background:var(--tone-attention-bg);border-color:var(--tone-attention-border);color:var(--tone-attention-text)}.btn-outline-danger{background:transparent;border-color:var(--tone-critical-border);color:var(--tone-critical-text)}.btn-outline-danger:hover:not(:disabled){background:var(--tone-critical-bg);border-color:var(--tone-critical-border);color:var(--tone-critical-text)}.btn-ghost{background-color:transparent;border-color:transparent;color:var(--text-color)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-light);color:var(--text-color)}.btn-ghost-primary{background-color:transparent;border-color:transparent;color:var(--primary-color)}.btn-ghost-primary:hover:not(:disabled){background-color:var(--primary-light);color:var(--primary-color)}.btn-xs{min-height:22px;padding:0 var(--spacing-sm);font-size:var(--font-xs);gap:var(--spacing-xs)}.btn-sm{min-height:28px;padding:0 .6rem;font-size:.78rem;gap:.3rem}.btn-lg{min-height:38px;padding:0 var(--spacing-xl);font-size:var(--font-lg);gap:var(--spacing-md)}.btn-xl{min-height:48px;padding:0 var(--spacing-2xl);font-size:var(--font-xl);gap:var(--spacing-md)}.btn-square{width:var(--button-height);padding:0;aspect-ratio:1}.btn-square.btn-sm{width:36px}.btn-square.btn-lg{width:52px}.btn-circle{width:var(--button-height);padding:0;border-radius:50%;aspect-ratio:1}.btn-circle.btn-sm{width:36px}.btn-circle.btn-lg{width:52px}.btn-pill{border-radius:calc(var(--button-height) / 2)}.btn-group{display:inline-flex;vertical-align:middle}.btn-group .btn{border-radius:0;border-right-width:0;position:relative;z-index:1}.btn-group .btn:first-child{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.btn-group .btn:last-child{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-right-width:1px}.btn-group .btn:hover,.btn-group .btn:focus,.btn-group .btn.active{z-index:2}.btn-toolbar{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .8s linear infinite}@keyframes btn-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:0;min-width:36px;min-height:36px;padding-inline:.6rem;border-radius:.8rem}.btn-icon i{font-size:1rem}.btn-icon-left i{margin-right:var(--spacing-xs)}.btn-icon-right i{margin-left:var(--spacing-xs)}.btn-fab{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:56px;height:56px;border-radius:50%;box-shadow:var(--shadow-lg);z-index:var(--z-fixed)}.btn-fab:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn-selolje{background-color:var(--selolje-color);border-color:var(--selolje-color);color:#fff}.btn-selolje:hover:not(:disabled){background-color:color-mix(in srgb,var(--selolje-color) 85%,black);border-color:color-mix(in srgb,var(--selolje-color) 85%,black)}.btn-blaabaer{background-color:var(--blaabaer-color);border-color:var(--blaabaer-color);color:#fff}.btn-blaabaer:hover:not(:disabled){background-color:color-mix(in srgb,var(--blaabaer-color) 85%,black);border-color:color-mix(in srgb,var(--blaabaer-color) 85%,black)}.btn-q10{background-color:var(--q10-color);border-color:var(--q10-color);color:#fff}.btn-q10:hover:not(:disabled){background-color:color-mix(in srgb,var(--q10-color) 85%,black);border-color:color-mix(in srgb,var(--q10-color) 85%,black)}.btn-filling{background-color:var(--filling-color);border-color:var(--filling-color);color:#fff}.btn-labeling{background-color:var(--labeling-color);border-color:var(--labeling-color);color:#fff}.btn-packaging{background-color:var(--packaging-color);border-color:var(--packaging-color);color:#fff}.btn-completed{background-color:var(--completed-color);border-color:var(--completed-color);color:#fff}.action-btn-labeled{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--bg-surface-raised);color:var(--text-color);font-size:var(--font-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:var(--transition-fast)}.action-btn-labeled:hover{background:var(--primary-light);color:var(--primary-color);border-color:var(--primary-color)}.action-btn-labeled.danger:hover{background:var(--danger-light);color:var(--danger-color);border-color:var(--danger-color)}.btn:hover{transform:none}@media (max-width: 768px){.btn{min-height:40px;padding:0 var(--spacing-md);font-size:var(--font-sm)}.btn-group{flex-direction:column;width:100%}.btn-group .btn{border-radius:var(--border-radius);border-right-width:1px;border-bottom-width:0;width:100%}.btn-group .btn:not(:last-child){border-bottom-width:0}.btn-group .btn:last-child{border-bottom-width:1px}.btn-toolbar{flex-direction:column;align-items:stretch}.btn-fab{bottom:var(--spacing-lg);right:var(--spacing-lg)}}@media (min-width: 1920px){.btn{min-height:34px;padding:0 var(--spacing-md);font-size:var(--font-base)}.btn-lg{min-height:38px;padding:0 var(--spacing-lg);font-size:var(--font-lg)}}@media (prefers-contrast: high){.btn{border-width:2px}.btn:focus{box-shadow:0 0 0 4px #007aff80}}@media (prefers-reduced-motion: reduce){.btn{transition:none}.btn:hover{transform:none}.btn-loading:after{animation:none}}.form-group{margin-bottom:var(--spacing-md)}.form-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-row .form-group{flex:1;margin-bottom:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.form-label{display:block;margin-bottom:.3rem;font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--text-color);line-height:var(--line-height-tight)}.form-label.required:after{content:" *";color:var(--danger-color)}.form-input,.form-select,.form-textarea,.form-control{display:block;width:100%;min-height:var(--input-height);padding:0 .75rem;font-size:.92rem;font-family:inherit;line-height:var(--line-height-normal);color:var(--text-color);background:#ffffffb8;border:1px solid var(--border-color);border-radius:8px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.form-input:hover,.form-select:hover,.form-textarea:hover,.form-control:hover{background:#ffffffe0}.form-input:focus,.form-select:focus,.form-textarea:focus,.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1f3c8824;background:#fffffffa}.form-input:disabled,.form-select:disabled,.form-textarea:disabled,.form-control:disabled{background-color:var(--bg-light);color:var(--text-muted);cursor:not-allowed}.form-textarea{min-height:120px;padding:var(--spacing-md);resize:vertical}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-md) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:calc(var(--spacing-md) * 2.5)}.input-group{display:flex;align-items:stretch}.input-group .form-input{border-radius:0;border-right:none}.input-group .form-input:first-child{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.input-group .form-input:last-child{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-right:1px solid var(--border-color)}.input-group-text{display:flex;align-items:center;padding:0 var(--spacing-md);font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--text-muted);background:linear-gradient(180deg,#ffffffa8,#ffffff6b);border:1px solid var(--border-color);border-left:none;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.search-input{position:relative}.search-input .form-input{padding-left:calc(var(--spacing-md) * 2.5)}.search-input:before{content:"";position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;z-index:1}.form-check{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.form-check-input{width:20px;height:20px;margin:0;border:2px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-surface);cursor:pointer;transition:all var(--transition-fast)}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.form-check-input[type=radio]{border-radius:50%}.form-check-label{font-size:var(--font-sm);color:var(--text-color);cursor:pointer;-webkit-user-select:none;user-select:none}.form-file{position:relative;display:inline-block}.form-file-input{position:absolute;opacity:0;width:.1px;height:.1px;overflow:hidden}.form-file-label{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--primary-color);background-color:var(--primary-light);border:1px solid var(--primary-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast)}.form-file-label:hover{background-color:var(--primary-color);color:#fff}.form-input.is-valid,.form-select.is-valid,.form-textarea.is-valid{border-color:var(--success-color)}.form-input.is-invalid,.form-select.is-invalid,.form-textarea.is-invalid{border-color:var(--danger-color)}.valid-feedback{display:block;margin-top:var(--spacing-xs);font-size:var(--font-xs);color:var(--success-color)}.invalid-feedback{display:block;margin-top:var(--spacing-xs);font-size:var(--font-xs);color:var(--danger-color)}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.form-actions.centered{justify-content:center}.form-actions.start{justify-content:flex-start}.date-inputs{display:flex;align-items:center;gap:var(--spacing-md)}.date-inputs .form-input{flex:1}.date-inputs span{color:var(--text-muted);font-size:var(--font-sm);white-space:nowrap}.filter-controls{display:flex;gap:var(--spacing-md);align-items:end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:160px}.filter-group label{font-size:var(--font-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.form-row{flex-direction:column;gap:var(--spacing-md)}.form-grid{grid-template-columns:1fr}.filter-controls{flex-direction:column;align-items:stretch}.form-actions{flex-direction:column}.date-inputs{flex-direction:column;align-items:stretch}}@media (min-width: 1920px){.form-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.filter-controls{gap:var(--spacing-lg)}}.data-table{width:100%;border-collapse:collapse;background:#ffffff80;border:1px solid var(--border-color);border-radius:.85rem;overflow:hidden;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.data-table th,.data-table td{padding:.65rem .9rem;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle;min-height:var(--table-row-height)}.data-table th{background:transparent;font-weight:600;font-size:var(--type-eyebrow);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;position:sticky;top:0;z-index:10}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--tone-rest-bg)}.data-table tbody tr:last-child td{border-bottom:none}.table-striped tbody tr:nth-child(2n){background-color:var(--gray-50)}.table-bordered{border:1px solid var(--border-color)}.table-bordered th,.table-bordered td{border-right:1px solid var(--border-light)}.table-bordered th:last-child,.table-bordered td:last-child{border-right:none}.table-sm th,.table-sm td{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-sm)}.table-lg th,.table-lg td{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-lg)}.table-container{background:#ffffff80;border:1px solid var(--border-color);border-radius:.85rem;overflow:hidden;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background-color:var(--bg-surface);border-bottom:1px solid var(--border-light)}.table-title{font-size:var(--font-xl);font-weight:var(--font-semibold);color:var(--text-color);margin:0}.table-actions{display:flex;gap:var(--spacing-sm);align-items:center}.table-footer{display:flex;justify-content:between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-light);border-top:1px solid var(--border-light);font-size:var(--font-sm);color:var(--text-muted)}.cell-content{display:flex;align-items:center;gap:var(--spacing-sm)}.cell-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--gray-200);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--text-muted)}.cell-info{display:flex;flex-direction:column;gap:2px}.cell-primary{font-weight:var(--font-medium);color:var(--text-color)}.cell-secondary{font-size:var(--font-xs);color:var(--text-muted)}.status-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.status-indicator:before{content:"";width:6px;height:6px;border-radius:50%;background-color:currentColor}.status-active{background-color:var(--success-light);color:var(--success-color)}.status-pending{background-color:var(--warning-light);color:var(--warning-color)}.status-error{background-color:var(--danger-light);color:var(--danger-color)}.status-inactive{background-color:var(--gray-100);color:var(--gray-500)}.status-filling{background-color:var(--warning-light);color:var(--filling-color)}.status-labeling{background-color:var(--info-light);color:var(--labeling-color)}.status-packaging{background-color:var(--danger-light);color:var(--packaging-color)}.status-completed{background-color:var(--success-light);color:var(--completed-color)}.product-selolje{background-color:#ff6b351a;color:var(--selolje-color)}.product-blaabaer{background-color:#4a90e21a;color:var(--blaabaer-color)}.product-q10{background-color:#7b68ee1a;color:var(--q10-color)}.data-table .actions-cell{display:flex;align-items:center;gap:.2rem}.table-actions-cell{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-surface);color:var(--text-muted);text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.action-btn:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.action-btn.btn-danger:hover{background-color:var(--danger-color);border-color:var(--danger-color)}.action-btn.btn-warning:hover{background-color:var(--warning-color);border-color:var(--warning-color)}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:calc(var(--spacing-lg) + 16px)}.sortable-header:hover{background-color:var(--gray-100)}.sortable-header:after{content:"";position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--text-muted);opacity:.5}.sortable-header.sort-asc:after{border-bottom:4px solid var(--primary-color);opacity:1}.sortable-header.sort-desc:after{border-bottom:none;border-top:4px solid var(--primary-color);opacity:1}.table-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);color:var(--text-muted)}.table-empty-icon{font-size:var(--font-4xl);margin-bottom:var(--spacing-md);opacity:.5}.table-empty-message{font-size:var(--font-lg);margin-bottom:var(--spacing-sm)}.table-empty-description{font-size:var(--font-sm);color:var(--text-light)}.table-loading{position:relative}.table-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:100}.table-pagination{display:flex;justify-content:between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-light);border-top:1px solid var(--border-light)}.pagination-info{font-size:var(--font-sm);color:var(--text-muted)}.pagination-controls{display:flex;gap:var(--spacing-xs)}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-surface);color:var(--text-color);text-decoration:none;font-size:var(--font-sm);transition:all var(--transition-fast)}.pagination-btn:hover:not(.disabled){background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-btn.disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.data-table th,.data-table td{padding:var(--spacing-sm);font-size:var(--font-sm)}.table-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.table-actions{justify-content:center}.table-pagination{flex-direction:column;gap:var(--spacing-md)}.action-btn{width:28px;height:28px;font-size:var(--font-xs)}}@media (min-width: 1920px){.data-table th,.data-table td{padding:var(--spacing-lg) var(--spacing-xl)}.table-header{padding:var(--spacing-xl)}}.production-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.production-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.production-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.production-card.selolje{border-left:4px solid var(--selolje-color)}.production-card.blaabaer{border-left:4px solid var(--blaabaer-color)}.production-card.q10{border-left:4px solid var(--q10-color)}.product-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.product-title{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-xl);font-weight:var(--font-bold);color:var(--text-color)}.product-icon{width:40px;height:40px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:var(--font-lg);color:#fff}.product-icon.selolje{background:var(--selolje-color)}.product-icon.blaabaer{background:var(--blaabaer-color)}.product-icon.q10{background:var(--q10-color)}.total-delivered{text-align:right}.total-number{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--text-color);line-height:1}.total-label{font-size:var(--font-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.production-status{display:flex;flex-direction:column;gap:var(--spacing-md)}.status-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-light);border-radius:var(--border-radius);border-left:3px solid transparent}.status-item.filling{border-left-color:var(--filling-color)}.status-item.labeling{border-left-color:var(--labeling-color)}.status-item.packaging{border-left-color:var(--packaging-color);background:#ff3b300d}.status-item.completed{border-left-color:var(--completed-color);background:#34c7590d}.status-info{display:flex;align-items:center;gap:var(--spacing-sm)}.status-indicator-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);color:#fff}.status-indicator-icon.filling{background:var(--filling-color)}.status-indicator-icon.labeling{background:var(--labeling-color)}.status-indicator-icon.packaging{background:var(--packaging-color)}.status-indicator-icon.completed{background:var(--completed-color)}.status-label{font-weight:var(--font-medium);color:var(--text-color)}.status-description{font-size:var(--font-sm);color:var(--text-muted)}.status-quantity{font-size:var(--font-lg);font-weight:var(--font-bold);color:var(--text-color)}.status-unit{font-size:var(--font-sm);color:var(--text-muted);margin-left:var(--spacing-xs)}.status-item.packaging .status-indicator-icon{animation:pulse-packaging 2s infinite}@keyframes pulse-packaging{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.new-orders{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.section-header{display:flex;align-items:center;justify-content:between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light)}.section-title{font-size:var(--font-xl);font-weight:var(--font-semibold);color:var(--text-color);margin:0}.order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.order-card{background:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--border-radius);padding:var(--spacing-md)}.order-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.order-product{font-weight:var(--font-semibold);color:var(--text-color)}.order-total{font-size:var(--font-lg);font-weight:var(--font-bold);color:var(--primary-color)}.order-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-detail-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-sm)}.order-detail-label{color:var(--text-muted)}.order-detail-value{color:var(--text-color);font-weight:var(--font-medium)}.label-change{background:#ff95001a;border:1px solid var(--warning-color);border-radius:var(--border-radius);padding:var(--spacing-sm);margin-top:var(--spacing-sm)}.label-change-text{font-size:var(--font-xs);color:var(--warning-color);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.packaging-info{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.packaging-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.packaging-item{text-align:center;padding:var(--spacing-md);background:var(--bg-light);border-radius:var(--border-radius)}.packaging-product{font-weight:var(--font-semibold);color:var(--text-color);margin-bottom:var(--spacing-sm)}.packaging-count{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--primary-color);margin-bottom:var(--spacing-xs)}.packaging-description{font-size:var(--font-sm);color:var(--text-muted)}.contact-info{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.contact-section{padding:var(--spacing-md);background:var(--bg-light);border-radius:var(--border-radius)}.contact-title{font-weight:var(--font-semibold);color:var(--text-color);margin-bottom:var(--spacing-sm)}.contact-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);font-size:var(--font-sm)}.contact-label{color:var(--text-muted)}.contact-value{color:var(--text-color);font-weight:var(--font-medium);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.progress-bar{width:100%;height:8px;background:var(--bg-light);border-radius:var(--border-radius-sm);overflow:hidden;margin:var(--spacing-sm) 0}.progress-fill{height:100%;background:var(--primary-color);border-radius:var(--border-radius-sm);transition:width var(--transition-normal)}.progress-fill.selolje{background:var(--selolje-color)}.progress-fill.blaabaer{background:var(--blaabaer-color)}.progress-fill.q10{background:var(--q10-color)}.distributor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.distributor-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.distributor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.distributor-name{font-weight:var(--font-semibold);color:var(--text-color)}.distributor-price{font-size:var(--font-lg);font-weight:var(--font-bold);color:var(--primary-color)}.distributor-details{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-sm)}.distributor-size{color:var(--text-muted)}.distributor-notes{color:var(--text-color)}@media (max-width: 768px){.production-overview{grid-template-columns:1fr}.product-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.total-delivered{text-align:left}.order-grid,.packaging-grid,.contact-grid,.distributor-grid{grid-template-columns:1fr}}@media (min-width: 1920px){.production-overview{grid-template-columns:repeat(3,1fr)}.order-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media print{.production-card{break-inside:avoid;box-shadow:none;border:1px solid var(--border-color)}.status-item.packaging .status-indicator-icon{animation:none}.contact-info{break-inside:avoid}}body .login-view{min-height:100dvh;overflow-x:hidden}body .login-view .auth-shell.auth-shell{max-width:980px}@media (max-width: 1024px){body .login-view{min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + .95rem) max(.95rem,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 1rem) max(.95rem,env(safe-area-inset-left,0px));place-items:start center}body .login-view .auth-shell.auth-shell{width:min(560px,100%);grid-template-columns:1fr;gap:.8rem}body .login-view .auth-brand.auth-brand{display:none}body .login-view .login-card.login-card{width:100%;padding:1.05rem;border-radius:22px}body .login-view .login-header.login-header,body .login-view .auth-card-note.auth-card-note{margin-bottom:.9rem}body .login-view .form-input.form-input{min-height:52px;font-size:16px}body .login-view .btn-full.btn-full{min-height:54px}}@media (max-width: 640px){body .login-view{padding:calc(env(safe-area-inset-top,0px) + .8rem) max(.78rem,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + .95rem) max(.78rem,env(safe-area-inset-left,0px))}body .login-view .auth-shell.auth-shell{width:100%;gap:.7rem}body .login-view .login-card.login-card{padding:.95rem;border-radius:20px}body .login-view .auth-card-note.auth-card-note,body .login-view .login-header p{font-size:.84rem}body .login-view .forgot-password-link,body .login-view .back-link{justify-content:flex-start}body .login-view .btn-full.btn-full,body .login-view .back-link a,body .login-view .success-panel .btn{width:100%}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal{background:var(--glass-surface, #1e2030);border:1px solid var(--glass-border, rgba(255,255,255,.1));border-radius:12px;padding:1.5rem;min-width:320px;max-width:420px;box-shadow:var(--shadow-xl, 0 20px 60px rgba(0,0,0,.5))}.confirm-modal h3{margin:0 0 .5rem;font-size:1.05rem}.confirm-modal p{margin:0 0 1.25rem;color:var(--text-muted, #9ca3af);font-size:.9rem}.modal-actions{display:flex;justify-content:flex-end;gap:.55rem}.form-grid{display:grid;gap:var(--spacing-lg)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.form-group{display:grid;gap:.35rem}.form-label{font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--text-color);letter-spacing:.01em}.form-hint{font-size:.75rem;color:var(--text-muted, #6b7280);margin-top:.2rem}.col-span-2{grid-column:span 2}.form-panel{padding:1.25rem;border:1px solid var(--glass-border);border-radius:10px;background:#ffffff08;margin-bottom:1.25rem}.list-search-bar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.search-input-wrap{position:relative;flex:1;min-width:180px}.search-input-wrap i{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.85rem}.search-input{width:100%;padding:.42rem .7rem .42rem 2rem;border:1px solid var(--glass-border);border-radius:6px;background:#ffffff0a;color:var(--text-primary);font-size:.88rem}.filter-select{padding:.42rem .7rem;border:1px solid var(--glass-border);border-radius:6px;background:#ffffff0a;color:var(--text-primary);font-size:.85rem}.badge{display:inline-block;padding:.2em .6em;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-green{background:#10b98126;color:#10b981}.badge-yellow{background:#f59e0b26;color:#f59e0b}.badge-red{background:#ef444426;color:#ef4444}.badge-blue{background:#3b82f626;color:#3b82f6}.badge-gray{background:#6b728026;color:#9ca3af}.badge-purple{background:#8b5cf626;color:#8b5cf6}@media (max-width: 600px){.form-grid-2{grid-template-columns:1fr}}:root{--page-section-gap: 1.35rem;--page-section-gap-compact: 1rem}.page-view,.list-view,.po-details,.page-content>:is([class$=-view],.detail-page,.mattilsynet-page,.order-page){display:grid;gap:var(--page-section-gap)!important}.app-hero{border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);background:linear-gradient(180deg,#fffffff0,#f9fcffe0);box-shadow:0 18px 40px #2a486d14;backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.3rem}.app-hero h1{margin:0;font-size:clamp(1.35rem,1.6vw,1.65rem);font-weight:700;color:var(--text-color-strong);line-height:1.2}.app-hero__body{display:grid;gap:.45rem;min-width:0}.app-hero__kicker{margin:0;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--primary-color)}.app-hero__title{margin:0;font-size:clamp(1.35rem,1.6vw,1.65rem);font-weight:700;color:var(--text-color-strong)}.app-hero__copy{margin:0;max-width:48rem;color:var(--text-muted)}.app-hero__meta{display:flex;flex-wrap:wrap;gap:.65rem}.app-hero__meta span{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:999px;background:#1f3c8814;color:var(--primary-color);font-size:.82rem;font-weight:600}.app-hero__actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.app-hero__aside{display:flex;align-items:center;gap:.35rem;flex-shrink:0;padding:.4rem .75rem;border-radius:999px;background:#1f3c8814;border:1px solid rgba(31,60,136,.14);white-space:nowrap}.app-hero__aside span{font-size:.74rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-weight:600}.app-hero__aside strong{display:inline;margin-top:0;color:var(--text-color-strong)}.app-hero__aside small{display:inline;margin-top:0;color:var(--text-muted)}.app-hero__aside strong:after{content:" ·";color:var(--text-muted);font-weight:400;margin-right:.15rem}.page-hero{border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);background:linear-gradient(180deg,#fffffff0,#f9fcffe0);box-shadow:0 18px 40px #2a486d14;backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.3rem}.hero-copy,.hero-copy-block{display:grid;gap:.55rem;min-width:0}.hero-kicker{margin:0;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--primary-color)}.page-hero h1{margin:0;font-size:clamp(1.2rem,1.5vw,1.5rem);font-weight:700;color:var(--text-color-strong)}.hero-copy{margin:0;max-width:48rem;color:var(--text-muted);line-height:1.55}.hero-actions,.hero-pill-row,.hero-meta{display:flex;flex-wrap:wrap;gap:.65rem}.hero-actions{align-items:center}.hero-meta span,.hero-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:999px;background:#1f3c8814;color:var(--primary-color);font-size:.82rem;font-weight:600}.summary-card{display:grid;gap:.35rem;padding:.7rem .9rem;border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);background:linear-gradient(180deg,#ffffffd1,#f9fcffb8);box-shadow:var(--glass-shadow-soft);backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong))}.summary-label{display:block;margin-bottom:.15rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.summary-card strong{display:block;color:var(--text-color-strong);font-size:1.45rem;line-height:1.1}.summary-card small,.summary-card p{display:block;margin:.15rem 0 0;color:var(--text-muted);line-height:1.45}.summary-card.warning strong{color:var(--warning-color)}.summary-card.success strong{color:var(--success-color)}.summary-card.danger strong{color:var(--danger-color)}.panel,.settings-card,.legend-card,.source-card,.section-card,.quick-actions{border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);background:linear-gradient(180deg,#ffffffe0,#f9fcffc7);box-shadow:var(--glass-shadow-soft);backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));padding:1rem}.panel-heading,.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.panel-heading h2,.section-header h2{margin:0;color:var(--text-color-strong)}.panel-subtitle,.section-description{margin:.35rem 0 0;color:var(--text-muted);line-height:1.5}.detail-page,.report-page{display:grid;gap:1.2rem}.detail-form{display:grid;gap:1.35rem}.detail-form-columns,.detail-content-grid,.report-grid{display:grid;gap:1rem}.detail-form-columns{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.35rem}.detail-form-column{display:grid;gap:1.35rem;align-content:start}.detail-card,.detail-actions-card,.detail-upload-panel,.filter-panel,.state-card{border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);background:linear-gradient(180deg,#ffffffe0,#f9fcffc7);box-shadow:var(--glass-shadow-soft);backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong))}.detail-card,.detail-actions-card,.detail-upload-panel,.filter-panel,.state-card{padding:1.2rem 1.3rem}.detail-card>.panel-heading,.detail-upload-panel>.panel-heading,.panel>.panel-heading{margin-bottom:1rem}.detail-actions-card{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;flex-wrap:wrap}.detail-upload-panel{display:grid;gap:1rem}.state-card{display:flex;align-items:center;gap:.6rem;color:var(--text-muted)}.error-state{color:var(--danger-color)}.filter-panel{display:grid;gap:1rem;align-items:end}.filter-group{display:grid;gap:.1rem}.filter-group label{display:block;margin-bottom:.45rem;font-size:.88rem;color:var(--text-muted)}.filter-meta{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;align-self:center}.meta-pill,.panel-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.38rem .75rem;font-size:.84rem;font-weight:700;border:1px solid rgba(255,255,255,.55);background:#ffffff8c}.meta-pill.subtle{color:var(--text-muted)}.panel-pill.warning{color:var(--warning-color)}.panel-pill.danger{color:var(--danger-color)}.detail-field{display:grid;gap:.35rem}.detail-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.detail-field-label{font-size:.82rem;font-weight:600;color:var(--text-muted)}.detail-input{width:100%;box-sizing:border-box}.notice-card{display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.15rem;border-radius:var(--border-radius-xl);border:1px solid rgba(246,200,110,.45);background:linear-gradient(180deg,#fff7dbeb,#fffaead6);box-shadow:var(--glass-shadow-soft);color:var(--warning-color)}.notice-card>i{margin-top:.1rem;color:var(--warning-color)}.content-card{border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);background:var(--bg-surface-raised);box-shadow:var(--shadow-sm);padding:var(--spacing-md)}.content-card--muted{background:linear-gradient(180deg,#ffffffc7,#f8fbffad)}.content-card--compact{padding:1rem}.section-header{display:flex;align-items:center;gap:.65rem;margin-bottom:1.1rem}.section-icon{background:var(--primary-light);color:var(--primary-color);border-radius:var(--border-radius);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.section-title{font-size:var(--font-sm);font-weight:700;color:var(--text-color-strong);margin:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(132,156,187,.18);background:#ffffffc7;cursor:pointer;border-radius:.85rem;color:var(--text-color-strong);transition:var(--transition-fast);font-size:.92rem;box-shadow:0 8px 16px #2a486d14}.icon-btn:hover{color:var(--primary-color);background:#fffffff5;border-color:#1f3c8833;transform:translateY(-1px)}.icon-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #1f3c8824,0 8px 16px #2a486d14}.icon-btn.danger:hover{color:var(--danger-color);background:var(--danger-light)}.icon-btn.warning:hover{color:var(--warning-color);background:var(--warning-light)}.icon-btn.success:hover{color:var(--success-color);background:var(--success-light)}.inline-detail-row td{padding:0;border-bottom:none}.inline-detail-cell{padding:0 .9rem 1rem;background:linear-gradient(180deg,#f7fafdc7,#ffffffb3)}.inline-detail-card{border:1px solid rgba(132,156,187,.18);border-radius:var(--border-radius-xl);background:linear-gradient(180deg,#fffffff0,#f9fcffe0);box-shadow:0 16px 36px #2a486d14;padding:1rem 1.05rem}.inline-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.inline-detail-title{display:flex;gap:.8rem;align-items:flex-start;min-width:0}.inline-detail-title strong{display:block;color:var(--text-color-strong)}.inline-detail-copy{margin:.18rem 0 0;color:var(--text-muted);font-size:.86rem;line-height:1.45}.inline-detail-icon{width:2.5rem;height:2.5rem;border-radius:.95rem;display:inline-flex;align-items:center;justify-content:center;color:var(--primary-color);background:#1f3c881f;flex-shrink:0}.inline-detail-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.inline-detail-body{display:grid;gap:1rem}.inline-detail-body--split{grid-template-columns:minmax(220px,1.35fr) minmax(220px,1fr);align-items:start}.inline-detail-meta{display:grid;gap:.55rem;margin:0}.inline-detail-meta-row{display:grid;grid-template-columns:minmax(110px,140px) 1fr;gap:.8rem;align-items:start;padding-bottom:.55rem;border-bottom:1px solid rgba(148,163,184,.14)}.inline-detail-meta-row:last-child{border-bottom:none;padding-bottom:0}.inline-detail-meta-row dt{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.inline-detail-meta-row dd{margin:0;color:var(--text-color-strong)}.inline-detail-list{display:grid;gap:.45rem;padding-left:1rem;margin:0;color:var(--text-color-strong)}.inline-detail-list li::marker{color:var(--primary-color)}.inline-note{margin:1rem 0 0;padding:.8rem .9rem;border-radius:var(--border-radius-lg);background:#1f3c880f;color:var(--text-color-strong)}.row-is-expanded>td{border-bottom-color:transparent}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.9rem;flex-wrap:wrap}.toolbar-surface{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.85rem 1rem;border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);background:linear-gradient(180deg,#ffffffd1,#f8fbffb3);box-shadow:var(--glass-shadow-soft)}.table-shell{border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);background:linear-gradient(180deg,#ffffffe0,#f9fcffcc);box-shadow:var(--glass-shadow-soft);overflow:hidden}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.01em}.status-pill:before{content:"";width:.45rem;height:.45rem;border-radius:999px;background:currentColor}.badge--pending{background:var(--warning-light);color:var(--warning-color)}.badge--active,.badge--done{background:var(--success-light);color:var(--success-color)}.badge--error{background:var(--danger-light);color:var(--danger-color)}.badge--info{background:var(--info-light);color:var(--info-color)}.badge--neutral{background:var(--gray-100);color:var(--gray-600)}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}textarea.form-input{resize:vertical;min-height:80px}@media (max-width: 980px){.app-hero,.page-hero{flex-direction:column;align-items:flex-start}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-meta{justify-content:flex-start;grid-column:1 / -1}}@media (max-width: 640px){.app-hero,.page-hero{padding-inline:1rem}.inline-detail-cell{padding-inline:.5rem}.inline-detail-header,.inline-detail-title{display:grid}.inline-detail-body--split,.inline-detail-meta-row{grid-template-columns:1fr}.inline-detail-actions{justify-content:flex-start}.app-hero__aside,.app-hero__actions .btn,.app-hero__actions,.hero-actions{width:100%}.detail-form-columns,.detail-field-row,.detail-content-grid,.report-grid,.filter-panel,.summary-grid{grid-template-columns:1fr}.detail-actions-card{justify-content:flex-start}}.hero-shell{display:grid;gap:.55rem}.filter-shell{border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);background:linear-gradient(180deg,#ffffffe0,#f9fcffc7);box-shadow:var(--glass-shadow-soft);backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));padding:.85rem 1.1rem;display:grid;gap:.85rem}.filter-shell__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.filter-shell__header h2{margin:0;font-size:1rem;font-weight:700;color:var(--text-color-strong)}.filter-shell__header p{margin:.25rem 0 0;color:var(--text-muted);font-size:.88rem;line-height:1.5}.toolbar-panel{border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);background:linear-gradient(180deg,#ffffffe0,#f9fcffc7);box-shadow:var(--glass-shadow-soft);backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));padding:.85rem 1.1rem;display:grid;gap:.85rem}.glass-card.panel-card,.panel-card{padding:1.1rem 1.2rem}.filter-bar--wide{flex-wrap:nowrap}@media (max-width: 700px){.filter-bar--wide{flex-wrap:wrap}}.section-kicker{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--primary-color)}.row-storage-location{display:inline-block;margin-top:.12rem;padding:.1rem .5rem;border-radius:999px;background:#1f3c8814;color:var(--primary-color);font-size:.72rem;font-weight:600;letter-spacing:.02em}[data-theme=dark] .filter-shell,[data-theme=dark] .toolbar-panel,[data-theme=dark] .glass-card.panel-card,[data-theme=dark] .panel-card{background:linear-gradient(180deg,#101c2feb,#0c1524db)}@media (max-width: 768px){.page-view,.list-view,.po-details,.page-content>:is([class$=-view],.detail-page,.mattilsynet-page,.order-page){gap:var(--page-section-gap-compact)!important}.filter-shell,.toolbar-panel{padding:.7rem .9rem}}.page-shell{display:flex;flex-direction:column;gap:var(--page-shell-gap);width:100%;max-width:var(--content-max);margin:0 auto}.page-view,.list-view,.detail-page,.page-content>.page-view,.page-content>.list-view,.page-content>.detail-page{display:flex;flex-direction:column;gap:var(--page-stack-gap)}.page-shell--narrow{max-width:880px}.page-shell--full{max-width:none}.page-hero,.app-hero{border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:.25rem 0 .4rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.app-hero__body,.hero-copy-block,.hero-copy{display:grid;gap:.4rem;min-width:0;max-width:720px}.app-hero__kicker,.hero-kicker,.page-hero__eyebrow{margin:0;font-size:var(--type-eyebrow);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.app-hero h1,.app-hero__title,.page-hero h1,.page-hero__title{margin:0;font-family:var(--font-serif);font-weight:400;font-size:var(--type-title-lg);line-height:1.12;letter-spacing:-.015em;color:var(--text-color-strong)}.app-hero__copy,.hero-copy,.page-hero__subtitle{margin:0;max-width:54rem;color:var(--text-muted);font-size:.95rem;line-height:1.55}.app-hero__aside{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0;padding:.35rem .75rem;border-radius:999px;background:var(--tone-rest-bg);border:1px solid var(--tone-rest-border);white-space:nowrap;box-shadow:none}.app-hero__aside span{font-size:var(--type-eyebrow);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.app-hero__aside strong{display:inline;color:var(--text-color-strong);font-weight:600}.app-hero__aside small{display:inline;color:var(--text-muted);font-size:.8rem}.app-hero__meta,.hero-pill-row,.hero-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.15rem}.app-hero__meta span,.hero-pill-row>span{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border-radius:999px;background:var(--tone-info-bg);border:1px solid var(--tone-info-border);color:var(--tone-info-text);font-size:.8rem;font-weight:600}.section-label,.section-kicker{display:inline-block;margin:0 0 .35rem;font-size:var(--type-section-label);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.tone-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600;line-height:1.2}.tone-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}.tone-chip--rest{background:var(--tone-rest-bg);color:var(--tone-rest-text);border:1px solid var(--tone-rest-border)}.tone-chip--active{background:var(--tone-active-bg);color:var(--tone-active-text);border:1px solid var(--tone-active-border)}.tone-chip--attention{background:var(--tone-attention-bg);color:var(--tone-attention-text);border:1px solid var(--tone-attention-border)}.tone-chip--critical{background:var(--tone-critical-bg);color:var(--tone-critical-text);border:1px solid var(--tone-critical-border)}.tone-chip--info{background:var(--tone-info-bg);color:var(--tone-info-text);border:1px solid var(--tone-info-border)}:where(a,button,[role=button],input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:inherit}:where(input,select,textarea,.search-input,.filter-select):focus-visible{outline:none}.back-link,.back-link--hero{display:inline-flex;align-items:center;gap:.4rem;padding:0;color:var(--text-muted);text-decoration:none;font-size:.82rem;font-weight:500;transition:color var(--transition-fast)}.back-link:hover,.back-link--hero:hover{color:var(--primary-color);background:transparent;border:0}.back-link--hero{margin-bottom:.1rem}.back-link--hero i{font-size:.72rem}.section-block{display:flex;flex-direction:column;gap:.75rem;padding:1.15rem 1.2rem;border-radius:.85rem;border:1px solid var(--border-color);background:#ffffffb8}.section-block--secondary{background:transparent;border-style:dashed}.section-block--quiet{background:transparent;border:0;padding:0}.section-block--feature{background:linear-gradient(180deg,#ffffffd6,#ffffff80);box-shadow:var(--glass-shadow-soft)}.section-block__head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.section-block__heading{display:flex;flex-direction:column;gap:.15rem;min-width:0;max-width:680px}.section-block__eyebrow{margin:0;font-size:var(--type-eyebrow);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.section-block__title{margin:0;font-size:1rem;font-weight:600;color:var(--text-color-strong);letter-spacing:-.005em;line-height:1.25}.section-block__subtitle{margin:0;color:var(--text-muted);font-size:.86rem;line-height:1.45}.section-block__actions{display:flex;flex-wrap:wrap;gap:.4rem;flex-shrink:0}.section-block__body{display:flex;flex-direction:column;gap:.75rem}.section-block__footer{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding-top:.25rem}.summary-stat{display:grid;gap:.3rem;padding:.9rem 1rem;border-radius:.75rem;border:1px solid var(--border-color);background:#ffffffb8;min-width:0;box-shadow:none;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.summary-stat.is-interactive{cursor:pointer}.summary-stat.is-interactive:hover,.summary-stat.is-interactive:focus-visible{border-color:var(--tone-info-border);background:#ffffffeb;outline:none}.summary-stat__label{font-size:var(--type-eyebrow);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.summary-stat__value{font-family:var(--font-serif);font-weight:400;font-size:1.7rem;line-height:1.05;color:var(--text-color-strong);letter-spacing:-.015em}.summary-stat__caption{font-size:.82rem;color:var(--text-muted);line-height:1.4}.summary-stat--rest{border-color:var(--tone-rest-border);background:var(--tone-rest-bg)}.summary-stat--active{border-color:var(--tone-active-border);background:var(--tone-active-bg)}.summary-stat--active .summary-stat__value{color:var(--tone-active-text)}.summary-stat--attention{border-color:var(--tone-attention-border);background:var(--tone-attention-bg)}.summary-stat--attention .summary-stat__value{color:var(--tone-attention-text)}.summary-stat--critical{border-color:var(--tone-critical-border);background:var(--tone-critical-bg)}.summary-stat--critical .summary-stat__value{color:var(--tone-critical-text)}.summary-stat--info{border-color:var(--tone-info-border);background:var(--tone-info-bg)}.summary-stat--info .summary-stat__value{color:var(--tone-info-text)}.summary-stat-grid,.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.hero-meta-strip{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.25rem}.hero-meta-strip__item{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:999px;font-size:.82rem;font-weight:500;color:var(--text-color);background:var(--tone-rest-bg);border:1px solid var(--tone-rest-border);line-height:1.2}.hero-meta-strip__item i{color:var(--text-muted);font-size:.78rem}.hero-meta-strip__item--info{background:var(--tone-info-bg);border-color:var(--tone-info-border);color:var(--tone-info-text)}.hero-meta-strip__item--info i{color:var(--tone-info-text)}.hero-meta-strip__item--active{background:var(--tone-active-bg);border-color:var(--tone-active-border);color:var(--tone-active-text)}.hero-meta-strip__item--active i{color:var(--tone-active-text)}.hero-meta-strip__item--attention{background:var(--tone-attention-bg);border-color:var(--tone-attention-border);color:var(--tone-attention-text)}.hero-meta-strip__item--attention i{color:var(--tone-attention-text)}.hero-meta-strip__item--critical{background:var(--tone-critical-bg);border-color:var(--tone-critical-border);color:var(--tone-critical-text)}.hero-meta-strip__item--critical i{color:var(--tone-critical-text)}.hero-shell{display:flex;flex-direction:column;gap:.4rem}.hero-shell>.hero-meta,.hero-shell>.hero-pill-row{display:flex;flex-wrap:wrap;gap:.4rem;margin:0}.hero-shell>.hero-meta>span{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .65rem;border-radius:999px;font-size:.8rem;color:var(--text-color);background:var(--tone-rest-bg);border:1px solid var(--tone-rest-border)}.summary-card{display:grid;gap:.3rem;padding:.9rem 1rem;border-radius:.75rem;border:1px solid var(--border-color);background:#ffffffb8;box-shadow:none;min-width:0}.summary-card .summary-label,.summary-card .summary-kicker{font-size:var(--type-eyebrow);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.summary-card strong{font-family:var(--font-serif);font-weight:400;font-size:1.7rem;line-height:1.05;color:var(--text-color-strong);letter-spacing:-.015em}.summary-card small,.summary-card p{color:var(--text-muted);font-size:.82rem;line-height:1.4;margin:0}.card,.panel,.action-card,.list-view-card,.compliance-card,.settings-card,.agent-card,.overview-card,.meta-card,.callout-card,.kicker-card,.checklist-card,.guide-card,.summary-item,.flow-card,.production-card,.workstation-card,.print-card,.inspection-card,.detail-card,.detail-panel,.info-card,.info-panel,.stat-card,.shipment-card,.order-card,.batch-card,.equipment-card,.category-card,.supplier-card,.invoice-card,.printer-card,.device-card,.cycle-card,.template-card,.design-card,.route-card,.summary-panel,.filter-card,.audit-card{background:#ffffffb8;border:1px solid var(--border-color);border-radius:.85rem;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.card:hover,.action-card:hover,.list-view-card:hover{border-color:var(--tone-info-border);transform:none;box-shadow:none}.action-button:hover,.summary-card:hover{transform:none!important}.section-label{color:var(--text-muted)}.kicker,.hero-kicker,.section-kicker,.summary-kicker{color:var(--text-muted)!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-size:var(--type-eyebrow)!important}.hero-copy,.hero-subcopy,.page-hero__subtitle{font-size:.95rem;line-height:1.55;color:var(--text-muted);max-width:54rem}.status-pill,.status-badge,.app-badge,.state-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600;line-height:1.2;border:1px solid transparent}.status-pill.is-success,.status-badge.is-success,.status-pill.success,.status-badge.success,.state-badge--success,.state-badge.success{background:var(--tone-active-bg);color:var(--tone-active-text);border-color:var(--tone-active-border)}.status-pill.is-warning,.status-badge.is-warning,.status-pill.warning,.status-badge.warning,.state-badge--warning,.state-badge.warning{background:var(--tone-attention-bg);color:var(--tone-attention-text);border-color:var(--tone-attention-border)}.status-pill.is-danger,.status-badge.is-danger,.status-pill.danger,.status-badge.danger,.status-pill.is-error,.status-badge.is-error,.state-badge--danger,.state-badge.error{background:var(--tone-critical-bg);color:var(--tone-critical-text);border-color:var(--tone-critical-border)}.status-pill.is-info,.status-badge.is-info,.status-pill.info,.status-badge.info,.state-badge--info,.state-badge.info{background:var(--tone-info-bg);color:var(--tone-info-text);border-color:var(--tone-info-border)}.badge.badge-success{background:var(--tone-active-bg);color:var(--tone-active-text)}.badge.badge-warning{background:var(--tone-attention-bg);color:var(--tone-attention-text)}.badge.badge-danger{background:var(--tone-critical-bg);color:var(--tone-critical-text)}.badge.badge-info{background:var(--tone-info-bg);color:var(--tone-info-text)}.document-sheet{max-width:1080px;margin:0 auto;padding:2.5rem 2.5rem 3rem;background:#fff;color:var(--text-color);border:1px solid var(--border-color);border-radius:.85rem;box-shadow:0 20px 50px #111f3814}.document-sheet__header,.sheet-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-color)}.document-sheet__brand,.sheet-brand{display:flex;align-items:flex-start;gap:.9rem}.document-sheet__brand-mark,.sheet-header .brand-mark{width:44px;height:44px;border-radius:.75rem;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary-color),var(--info-color));color:#fff;font-weight:800;font-size:.9rem;letter-spacing:.05em}.document-sheet h1,.sheet-header h1{margin:0;font-family:var(--font-serif);font-weight:400;font-size:clamp(1.5rem,1.2vw + 1.1rem,1.9rem);line-height:1.1;letter-spacing:-.015em;color:var(--text-color-strong)}.document-sheet h2,.sheet-section h2{margin:0 0 .85rem;font-family:var(--font-serif);font-weight:400;font-size:1.3rem;letter-spacing:-.01em;color:var(--text-color-strong)}.document-sheet p,.sheet-section p,.document-sheet__meta span,.sheet-meta span{margin:0;color:var(--text-muted);line-height:1.55}.sheet-section{margin-top:1.75rem}.sheet-section--callout{padding:1rem 1.15rem;border-radius:.75rem;background:var(--tone-info-bg);border:1px solid var(--tone-info-border)}.print-page{min-height:100vh;background:var(--bg-color);padding:1.5rem 1rem 2rem}.print-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;max-width:1080px;margin:0 auto 1rem}.print-toolbar .toolbar-kicker,.print-page .toolbar-kicker{color:var(--text-muted);font-size:var(--type-eyebrow);font-weight:600;letter-spacing:.12em;text-transform:uppercase}@media print{.print-page{background:#fff;padding:0}.document-sheet{box-shadow:none;border:0;border-radius:0;padding:0;max-width:none}.no-print{display:none!important}}.landing-shell{min-height:100vh;background:var(--main-content-bg);color:var(--text-color);display:flex;flex-direction:column;width:100%}.login-layout:has(.landing-shell){justify-content:flex-start;align-items:stretch}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem clamp(1rem,4vw,3rem);max-width:var(--content-max);width:100%;margin:0 auto;gap:1rem}.landing-brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:-.01em;color:var(--text-color-strong)}.landing-brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.75rem;background:linear-gradient(145deg,var(--primary-color) 0%,var(--info-color) 100%);color:#fff;font-weight:800;letter-spacing:.02em;box-shadow:0 6px 16px #1f3c8840}.landing-brand-name{font-size:1.05rem}.landing-header-links{display:inline-flex;align-items:center;gap:1.4rem}.landing-header-link{color:var(--text-muted);text-decoration:none;font-size:.92rem;font-weight:500;transition:color var(--transition-fast)}.landing-header-link:hover{color:var(--text-color-strong)}.landing-header-signin{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .85rem;border-radius:999px;background:var(--text-color-strong);color:#fff;font-size:.88rem;font-weight:600;text-decoration:none;transition:background var(--transition-fast)}.landing-header-signin:hover{background:var(--primary-color)}.landing-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,3rem) clamp(1.5rem,4vw,3rem);max-width:var(--content-max);width:100%;margin:0 auto}.landing-pill{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:999px;font-size:.78rem;font-weight:600;color:var(--tone-info-text);background:var(--tone-info-bg);border:1px solid var(--tone-info-border);letter-spacing:.02em}.landing-title{margin:1rem 0 .85rem;font-family:var(--font-serif);font-weight:400;font-size:clamp(2.1rem,3.2vw + .5rem,3.4rem);line-height:1.06;letter-spacing:-.02em;color:var(--text-color-strong)}.landing-subtitle{margin:0 0 1.35rem;max-width:36rem;color:var(--text-muted);font-size:1.05rem;line-height:1.55}.landing-cta-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.landing-cta{display:inline-flex;align-items:center;gap:.45rem;padding:.75rem 1.15rem;border-radius:999px;background:var(--text-color-strong);color:#fff;font-size:.95rem;font-weight:600;text-decoration:none;box-shadow:0 10px 22px #111f3824;transition:transform var(--transition-fast),background var(--transition-fast)}.landing-cta:hover{transform:translateY(-1px);background:var(--primary-color)}.landing-secondary-link{display:inline-flex;align-items:center;gap:.35rem;padding:.7rem .9rem;color:var(--text-color);text-decoration:none;font-weight:600;font-size:.92rem;border-bottom:1px dashed transparent;transition:border-color var(--transition-fast)}.landing-secondary-link:hover{border-bottom-color:var(--primary-color)}.landing-hero-microcopy{margin-top:.85rem;color:var(--text-muted);font-size:.82rem}.landing-hero-frame{display:grid;place-items:center;border-radius:1.5rem;padding:1.25rem;background:linear-gradient(160deg,#fffc,#fff6);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg);-webkit-backdrop-filter:blur(var(--glass-blur-strong));backdrop-filter:blur(var(--glass-blur-strong))}.landing-hero-frame img{max-width:100%;height:auto;border-radius:.85rem}.landing-trust-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem 2.5rem;padding:1.15rem clamp(1rem,4vw,3rem);max-width:var(--content-max);width:100%;margin:0 auto;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.landing-trust-strip-item{display:inline-flex;align-items:center;gap:.5rem;font-size:.86rem;color:var(--text-muted);font-weight:500}.landing-trust-strip-item i{color:var(--primary-color)}.landing-section{padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,3rem);max-width:var(--content-max);width:100%;margin:0 auto}.landing-section--narrow{max-width:880px}.landing-section-intro{max-width:48rem;margin:0 auto 1.75rem;text-align:center}.landing-section-intro h2{margin:.4rem 0 .55rem;font-family:var(--font-serif);font-weight:400;font-size:clamp(1.6rem,2vw + .5rem,2.2rem);line-height:1.15;letter-spacing:-.015em;color:var(--text-color-strong)}.landing-section-intro p{margin:0;color:var(--text-muted);font-size:1rem;line-height:1.6}.landing-section-label{display:inline-block;margin:0;font-size:var(--type-section-label);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--primary-color)}.landing-feature-stack{display:grid;gap:clamp(1.75rem,3vw,2.5rem)}.landing-feature-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:center;padding:clamp(1rem,2vw,1.75rem);border-radius:1.25rem;background:linear-gradient(180deg,#ffffffb8,#ffffff6b);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-soft);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.landing-feature-block.is-reversed{direction:rtl}.landing-feature-block.is-reversed>*{direction:ltr}.landing-feature-copy h3{margin:.4rem 0 .6rem;font-family:var(--font-serif);font-weight:400;font-size:clamp(1.3rem,1.6vw + .3rem,1.7rem);letter-spacing:-.01em;color:var(--text-color-strong);line-height:1.2}.landing-feature-copy p{margin:0 0 .9rem;color:var(--text-muted);line-height:1.6}.landing-feature-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.landing-feature-list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.92rem;line-height:1.5}.landing-feature-list li i{color:var(--primary-color);margin-top:.2rem}.landing-feature-visual{display:grid;place-items:center}.landing-feature-visual img{max-width:100%;height:auto;border-radius:1rem}.landing-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.landing-card{padding:1.25rem;border-radius:1rem;background:linear-gradient(180deg,#ffffffd6,#ffffff80);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-soft)}.landing-card h3{margin:.5rem 0 .35rem;font-family:var(--font-serif);font-weight:400;font-size:1.15rem;color:var(--text-color-strong)}.landing-card p{margin:0;color:var(--text-muted);line-height:1.55}.landing-feature-icon{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:.75rem;background:var(--tone-info-bg);color:var(--primary-color)}.landing-final-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;padding:clamp(1.5rem,3vw,2.5rem);border-radius:1.5rem;background:linear-gradient(145deg,var(--text-color-strong) 0%,#1e3a5f 100%);color:#fff;box-shadow:0 30px 70px #111f383d}.landing-final-cta h2{margin:0 0 .5rem;font-family:var(--font-serif);font-weight:400;font-size:clamp(1.5rem,2vw + .4rem,2rem);letter-spacing:-.015em;color:#fff}.landing-final-cta p{margin:0;opacity:.85}.landing-final-cta .landing-cta{background:#fff;color:var(--text-color-strong)}.landing-final-cta .landing-cta:hover{background:var(--primary-light);color:var(--primary-color)}.landing-final-cta .landing-secondary-link{color:#fff;opacity:.85}.landing-final-cta .landing-secondary-link:hover{opacity:1;border-bottom-color:#ffffffb3}.landing-footer{margin-top:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;padding:2rem clamp(1rem,4vw,3rem);max-width:var(--content-max);width:100%;margin-inline:auto;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.88rem}.landing-footer-col{display:grid;gap:.45rem;align-content:start}.landing-footer-label{font-size:var(--type-section-label);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-color-strong)}.landing-footer-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.landing-footer-link:hover{color:var(--primary-color)}@media (max-width: 860px){.landing-hero,.landing-feature-block{grid-template-columns:1fr}.landing-feature-block.is-reversed{direction:ltr}.landing-final-cta{grid-template-columns:1fr;text-align:left}.landing-header-links{gap:.9rem}.landing-header-link{display:none}.landing-header-link:last-of-type,.landing-header-signin{display:inline-flex}}@keyframes ffFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ffScan{0%{transform:translateY(8px)}to{transform:translateY(282px)}}@keyframes ffPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes ffPop{0%{transform:translate(-50%,8px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes ffSpin{to{transform:rotate(360deg)}}.ff-page{max-width:var(--content-max-width);margin:0 auto;width:100%;padding:26px 22px 130px}.ff-stack{display:flex;flex-direction:column;gap:var(--page-stack-gap)}.ff-section-title{font-size:var(--font-xl);font-weight:600;letter-spacing:-.2px;margin:0;color:var(--ff-text)}.ff-eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ff-text-faint)}.ff-surface{background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:var(--ff-radius-xl)}.ff-surface-pad{padding:20px 22px}.ff-tile{background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:var(--ff-radius-lg);padding:15px 16px}.ff-avatar{display:grid;place-items:center;flex:none;border-radius:var(--ff-radius);background:var(--ff-primary-tint-2);color:var(--ff-primary);font-weight:600}.ff-avatar--sm{width:36px;height:36px;font-size:14px}.ff-avatar--md{width:42px;height:42px;font-size:16px;border-radius:var(--ff-radius)}.ff-avatar--lg{width:52px;height:52px;font-size:20px;border-radius:var(--ff-radius-md)}.ff-avatar--round{border-radius:50%}.ff-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--ff-radius-pill);font-size:12.5px;font-weight:600;white-space:nowrap}.ff-pill--ok{background:var(--ff-success-bg);color:var(--ff-success)}.ff-pill--low{background:var(--ff-warning-bg);color:var(--ff-warning)}.ff-pill--out{background:var(--ff-danger-bg);color:var(--ff-danger)}.ff-pill--info{background:var(--ff-primary-tint);color:var(--ff-primary)}.ff-pill--neutral{background:var(--ff-inset);color:var(--ff-text-2)}.ff-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 17px;border-radius:var(--ff-radius);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;border:1.5px solid transparent;background:none;color:inherit;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);white-space:nowrap;text-decoration:none}.ff-btn:disabled{opacity:.5;cursor:not-allowed}.ff-btn--primary{background:var(--ff-primary);color:#fff;box-shadow:var(--ff-shadow-cta)}.ff-btn--primary:hover:not(:disabled){background:var(--ff-primary-700)}.ff-btn--ghost{background:var(--ff-surface);border-color:var(--ff-border-2);color:var(--ff-primary)}.ff-btn--ghost:hover:not(:disabled){border-color:var(--ff-primary);background:var(--ff-surface-2)}.ff-btn--soft{background:var(--ff-inset);color:var(--ff-text-2)}.ff-btn--soft:hover:not(:disabled){background:var(--ff-border)}.ff-btn--lg{padding:16px 22px;font-size:16px;border-radius:var(--ff-radius-md);font-weight:600}.ff-btn--block{width:100%}.ff-btn--sm{padding:7px 13px;font-size:13.5px}.ff-stepper{display:inline-flex;align-items:center;gap:0;border:1.5px solid var(--ff-border);border-radius:var(--ff-radius);overflow:hidden}.ff-stepper button{width:36px;height:36px;display:grid;place-items:center;background:var(--ff-surface);color:var(--ff-primary);cursor:pointer;border:none;font-size:18px;font-weight:600}.ff-stepper button:hover{background:var(--ff-surface-2)}.ff-stepper .ff-stepper-val{min-width:46px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.ff-listrow{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:var(--ff-radius-md);background:var(--ff-surface);border:1px solid var(--ff-border)}.ff-listrow--inset{background:var(--ff-surface-2);border-color:var(--ff-border)}.ff-listrow__main{flex:1;min-width:0}.ff-listrow__title{font-size:15px;font-weight:600;color:var(--ff-text)}.ff-listrow__sub{font-size:12.5px;color:var(--ff-text-faint);margin-top:1px}.ff-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:var(--z-tooltip);display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--ff-radius-md);background:var(--ff-text);color:#fff;font-size:14.5px;font-weight:500;box-shadow:0 14px 30px -10px #0d152b8c;animation:ffPop .22s ease-out}.ff-mono{font-family:var(--ff-font-mono)}.ff-barcode{font-family:var(--ff-font-barcode);line-height:1}.ff-icon-chip{display:grid;place-items:center;flex:none;border-radius:var(--ff-radius);background:var(--ff-primary-tint);color:var(--ff-primary)}.ff-progress{height:8px;border-radius:var(--ff-radius-pill);background:var(--ff-border);overflow:hidden}.ff-progress__fill{height:100%;border-radius:var(--ff-radius-pill);background:var(--ff-primary);transition:width var(--transition-normal)}.ff-scroll::-webkit-scrollbar{width:10px;height:10px}.ff-scroll::-webkit-scrollbar-thumb{background:#cdd5e4;border-radius:6px}.ff-scroll::-webkit-scrollbar-track{background:transparent}.ff-fade-up{animation:ffFadeUp .28s ease both}body{font-family:var(--font-body);font-size:var(--font-base);line-height:var(--line-height-normal);color:var(--text-color);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.22s;animation-timing-function:cubic-bezier(.19,1,.22,1)}h1,h2,h3,.brand-name,.brand-text,.panel-title{font-family:var(--font-display);letter-spacing:-.02em}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.card{background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:var(--ff-radius-lg);box-shadow:var(--ff-shadow-sm);transition:box-shadow var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:var(--ff-primary-hover-border)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--ff-border);background:var(--ff-surface)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--ff-border);background:var(--ff-surface-2)}.metric-card{background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:var(--ff-radius-lg);padding:var(--spacing-lg);transition:all var(--transition-fast);cursor:pointer}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--ff-primary-hover-border)}.metric-card.metric-warning{border-left:3px solid var(--warning-color)}.metric-card.metric-danger{border-left:3px solid var(--danger-color)}.metric-card.metric-success{border-left:3px solid var(--success-color)}.metric-card.metric-info{border-left:3px solid var(--info-color)}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.metric-icon{width:42px;height:42px;border-radius:var(--ff-radius);display:flex;align-items:center;justify-content:center;font-size:var(--font-xl);background:var(--ff-primary-tint);color:var(--ff-primary)}.metric-value{font-size:var(--font-3xl);font-weight:var(--font-semibold);color:var(--text-color);margin:0;line-height:var(--line-height-tight);letter-spacing:-.02em}.metric-label{font-size:var(--font-sm);color:var(--text-muted);margin:0;font-weight:var(--font-medium)}.metric-trend{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-sm);font-weight:var(--font-medium)}.metric-trend.trend-up{color:var(--success-color)}.metric-trend.trend-down{color:var(--danger-color)}.quick-actions-panel{background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:var(--ff-radius-lg);padding:var(--spacing-lg)}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md)}.action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;padding:.85rem .75rem;border:1px solid var(--ff-border);border-radius:var(--ff-radius-lg);background:var(--ff-surface);color:var(--text-color);text-decoration:none;transition:all var(--transition-fast);min-height:84px;position:relative;cursor:pointer}.action-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);text-decoration:none;color:var(--text-color);border-color:var(--ff-primary-hover-border)}.action-button i{width:2.6rem;height:2.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ff-radius);font-size:1.05rem;background:var(--ff-primary-tint);color:var(--ff-primary)}.action-button span{font-size:var(--font-sm);font-weight:600;text-align:center}.action-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--danger-color);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:var(--font-bold)}.action-primary{border-color:var(--ff-primary);background:var(--ff-primary-tint)}.action-primary:hover{background:var(--ff-primary);color:#fff}.action-primary:hover i{background:#ffffff2e;color:#fff}.action-warning{border-color:var(--warning-color);background:var(--warning-light)}.action-warning:hover{background:var(--warning-color);color:#fff}.action-critical{border-color:var(--danger-color);background:var(--danger-light)}.action-critical:hover{background:var(--danger-color);color:#fff}.activity-feed{background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:var(--ff-radius-lg);padding:var(--spacing-lg)}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--ff-border)}.activity-item:last-child{border-bottom:none}.activity-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-base);flex-shrink:0}.activity-icon.icon-primary{background:var(--ff-primary-tint);color:var(--ff-primary)}.activity-icon.icon-success{background:var(--success-light);color:var(--success-color)}.activity-icon.icon-warning{background:var(--warning-light);color:var(--warning-color)}.activity-content{flex-grow:1}.activity-title{font-weight:var(--font-semibold);color:var(--text-color);margin:0 0 var(--spacing-xs) 0}.activity-description{font-size:var(--font-sm);color:var(--text-muted);margin:0}.activity-time{font-size:var(--font-xs);color:var(--text-light);margin-top:var(--spacing-xs)}.badge{display:inline-flex;align-items:center;padding:4px 11px;font-size:var(--font-xs);font-weight:var(--font-semibold);border-radius:var(--ff-radius-pill);letter-spacing:0}.badge-success{background:var(--success-light);color:var(--success-color)}.badge-warning{background:var(--warning-light);color:var(--warning-color)}.badge-danger{background:var(--danger-light);color:var(--danger-color)}.badge-info{background:var(--info-light);color:var(--info-color)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.d-grid{display:grid}.d-none{display:none}.d-block{display:block}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-end{justify-content:flex-end}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.p-0{padding:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pr-0{padding-right:0}@media (max-width: 576px){.action-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.metric-card,.card-header,.card-body{padding:var(--spacing-md)}}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.action-grid{grid-template-columns:1fr}}@media (min-width: 1920px){.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.action-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media print{.card{break-inside:avoid;box-shadow:none}.action-button:hover,.metric-card:hover{transform:none;box-shadow:none}}