@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";.new-sidebar-nav[data-v-ae86ffae]{width:var(--sidebar-width);height:100vh;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:1001;padding:1rem .95rem;color:var(--sidebar-text-color);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border-color);box-shadow:14px 0 42px #223a5814;backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));transition:width var(--transition-normal),padding var(--transition-normal)}.new-sidebar-nav[data-v-ae86ffae]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-right:1px solid rgba(255,255,255,.55);pointer-events:none}.new-sidebar-nav.collapsed[data-v-ae86ffae]{width:var(--sidebar-collapsed-width);padding-inline:.6rem}.sidebar-header[data-v-ae86ffae]{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-ae86ffae]{justify-content:center}.sidebar-brand[data-v-ae86ffae]{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--sidebar-text-color)}.brand-logo[data-v-ae86ffae]{width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.95rem;color:#fff;background:linear-gradient(150deg,#1967d2f5,#0f7b8feb);box-shadow:inset 0 1px #ffffff47}.brand-text[data-v-ae86ffae]{font-size:1rem;font-weight:700;color:var(--text-color-strong)}.sidebar-toggle-btn[data-v-ae86ffae]{width:42px;height:42px;border:1px solid var(--sidebar-border-color);border-radius:50%;background:#ffffffc7;color:var(--sidebar-icon-color);cursor:pointer;box-shadow:0 8px 18px #2a486d14}.sidebar-toggle-btn[data-v-ae86ffae]:hover{background:#fffffff5;color:var(--sidebar-icon-hover-color)}.navigation-menu[data-v-ae86ffae]{flex:1;overflow-y:auto;padding-right:.15rem}.navigation-menu ul[data-v-ae86ffae],.submenu[data-v-ae86ffae]{list-style:none;margin:0;padding:0}.navigation-menu li+li[data-v-ae86ffae]{margin-top:.32rem}.nav-link[data-v-ae86ffae]{display:flex;align-items:center;gap:.8rem;min-height:3rem;padding:.75rem .9rem;border-radius:var(--border-radius-md);color:var(--sidebar-link-color);text-decoration:none;transition:transform var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.new-sidebar-nav.collapsed .nav-link[data-v-ae86ffae]{justify-content:center;padding-inline:0}.nav-link[data-v-ae86ffae]:hover,.nav-link.router-link-active[data-v-ae86ffae],.nav-link.router-link-exact-active[data-v-ae86ffae],.submenu-toggle.active-group[data-v-ae86ffae]{color:var(--sidebar-link-hover-color);background:var(--sidebar-link-hover-bg);box-shadow:inset 0 1px #ffffff85,0 10px 22px #223a5814;transform:translate(1px)}.nav-icon[data-v-ae86ffae]{width:24px;min-width:24px;text-align:center}.new-sidebar-nav.collapsed .nav-icon[data-v-ae86ffae]{font-size:1.2rem}.nav-text[data-v-ae86ffae]{flex:1;font-size:.95rem;font-weight:600}.submenu-arrow[data-v-ae86ffae]{margin-left:auto;font-size:.82rem;transition:transform var(--transition-fast)}.submenu-arrow.rotated[data-v-ae86ffae]{transform:rotate(180deg)}.submenu[data-v-ae86ffae]{margin-top:.35rem;padding:.3rem;border:1px solid rgba(132,156,187,.18);border-radius:var(--border-radius-md);background:var(--sidebar-submenu-bg)}.submenu-link[data-v-ae86ffae]{display:block;padding:.72rem .9rem .72rem 1rem;border-radius:var(--border-radius-sm);color:var(--sidebar-submenu-link-color);text-decoration:none;font-size:.9rem;transition:background-color var(--transition-fast),color var(--transition-fast)}.submenu-link[data-v-ae86ffae]:hover,.submenu-link.router-link-active[data-v-ae86ffae]{color:var(--sidebar-submenu-link-hover-color);background:#ffffffc7}.sidebar-footer[data-v-ae86ffae]{margin-top:1rem;padding:.9rem .2rem 0;border-top:1px solid rgba(132,156,187,.18)}.user-profile-condensed[data-v-ae86ffae]{display:flex;align-items:center;gap:.8rem;padding:.8rem .8rem .85rem;border:1px solid rgba(132,156,187,.18);border-radius:var(--border-radius-md);background:var(--sidebar-footer-bg)}.footer-avatar[data-v-ae86ffae]{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid rgba(132,156,187,.26)}.footer-user-info[data-v-ae86ffae]{display:flex;flex-direction:column;min-width:0}.footer-user-name[data-v-ae86ffae]{font-weight:700;font-size:.9rem;color:var(--text-color-strong)}.footer-user-role[data-v-ae86ffae]{font-size:.78rem;color:var(--text-muted);text-transform:capitalize}.footer-actions-collapsed[data-v-ae86ffae]{display:flex;justify-content:space-between;gap:.45rem}.footer-action-icon[data-v-ae86ffae]{flex:1;min-height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(132,156,187,.18);border-radius:var(--border-radius-md);background:#ffffffd6;color:var(--sidebar-icon-color);text-decoration:none;cursor:pointer}.footer-action-icon[data-v-ae86ffae]:hover{background:#fffffffa;color:var(--text-color-strong)}.navigation-menu[data-v-ae86ffae]::-webkit-scrollbar{width:6px}.navigation-menu[data-v-ae86ffae]::-webkit-scrollbar-thumb{border-radius:999px;background:var(--sidebar-scrollbar-thumb-bg)}.navigation-menu[data-v-ae86ffae]::-webkit-scrollbar-thumb:hover{background:var(--sidebar-scrollbar-thumb-hover-bg)}@media (max-width: 768px){.new-sidebar-nav[data-v-ae86ffae]{padding-top:.8rem}}.new-app-header[data-v-18e12e49]{color:var(--header-text-color);padding:.9rem var(--container-padding) 0;display:flex;position:sticky;top:0;z-index:1000;pointer-events:none}.header-content[data-v-18e12e49]{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:calc(var(--header-height) - 18px);max-width:calc(var(--content-max-width) + (var(--container-padding) * 2));margin:0 auto;padding:.85rem 1rem .85rem 1.15rem;border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);background:linear-gradient(180deg,var(--header-surface-start) 0%,var(--header-surface-end) 100%);box-shadow:var(--glass-shadow-soft);backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));pointer-events:auto}.header-left[data-v-18e12e49],.header-right[data-v-18e12e49]{display:flex;align-items:center;gap:.75rem}.header-right[data-v-18e12e49]{position:relative}.mobile-menu-button[data-v-18e12e49],.header-action-btn[data-v-18e12e49]{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--header-control-border);border-radius:50%;background:var(--header-control-bg);color:var(--header-icon-color);cursor:pointer;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.theme-toggle-btn[data-v-18e12e49]{min-height:44px;padding:0 .95rem;display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--header-control-border);border-radius:999px;background:var(--header-control-bg);color:var(--header-text-color);cursor:pointer;font-size:.9rem;font-weight:700;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.theme-toggle-label[data-v-18e12e49]{white-space:nowrap}.mobile-menu-button[data-v-18e12e49]{display:none}.mobile-menu-button[data-v-18e12e49]:hover,.header-action-btn[data-v-18e12e49]:hover,.theme-toggle-btn[data-v-18e12e49]:hover{background:var(--header-control-hover-bg);color:var(--text-color-strong);transform:translateY(-1px)}.app-brand a[data-v-18e12e49]{display:flex;align-items:center;gap:.7rem;text-decoration:none}.brand-icon[data-v-18e12e49]{width:2.6rem;height:2.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.95rem;color:#fff;background:linear-gradient(145deg,#1967d2f2,#0f7b8feb);box-shadow:inset 0 1px #ffffff4d}.brand-name[data-v-18e12e49]{font-size:1.05rem;font-weight:700;color:var(--text-color-strong)}.header-center[data-v-18e12e49]{flex:1;display:flex;justify-content:center;padding:0 1.4rem}.global-search[data-v-18e12e49]{position:relative;width:100%;max-width:540px}.search-icon[data-v-18e12e49]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--search-icon-color)}.global-search input[data-v-18e12e49]{width:100%;min-height:3rem;padding:.7rem 1rem .7rem 2.8rem;border:1px solid var(--search-border-color);border-radius:999px;background:linear-gradient(180deg,var(--search-surface-start) 0%,var(--search-surface-end) 100%);color:var(--search-text-color);box-shadow:inset 0 1px 0 var(--surface-highlight);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.global-search input[data-v-18e12e49]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-light-transparent)}.notification-badge[data-v-18e12e49]{position:absolute;top:-.1rem;right:-.1rem;background:linear-gradient(180deg,#c2415ff5,#c2415fd1);color:#fff;font-size:.7rem;padding:2px 5px;border-radius:999px;font-weight:700;box-shadow:0 6px 16px #c2415f3d}.user-menu[data-v-18e12e49]{display:flex;align-items:center;gap:.55rem;position:relative;padding:.3rem .45rem .3rem .35rem;border-radius:999px;border:1px solid var(--header-control-border);background:var(--header-control-bg);cursor:pointer;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.user-menu[data-v-18e12e49]:hover{background:var(--header-control-hover-bg)}.user-avatar-img[data-v-18e12e49]{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.78)}.user-name-display[data-v-18e12e49]{font-size:.9rem;font-weight:600;color:var(--header-text-color)}.dropdown-arrow[data-v-18e12e49]{font-size:.8rem;color:var(--header-icon-color)}.notifications-dropdown-panel[data-v-18e12e49],.user-dropdown-panel[data-v-18e12e49]{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:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));overflow:hidden;z-index:1010}.dropdown-header[data-v-18e12e49]{padding:.9rem 1rem;font-weight:700;font-family:var(--font-display);border-bottom:1px solid var(--panel-section-border)}.notifications-list-items[data-v-18e12e49]{list-style:none;padding:0;margin:0;max-height:360px;overflow-y:auto}.notification-item[data-v-18e12e49]{padding:.85rem 1rem;cursor:pointer;border-bottom:1px solid var(--panel-section-border);transition:background-color var(--transition-fast)}.notification-item[data-v-18e12e49]:last-child{border-bottom:none}.notification-item[data-v-18e12e49]:hover{background:var(--panel-hover-bg)}.notification-item.unread[data-v-18e12e49]{background:#1967d20f}.notification-content[data-v-18e12e49]{display:flex;align-items:center;gap:.6rem}.notification-icon[data-v-18e12e49]{width:1.45rem;text-align:center}.notification-text[data-v-18e12e49]{flex:1;color:var(--text-color);font-size:.88rem}.notification-meta[data-v-18e12e49]{margin-top:.4rem}.notification-time[data-v-18e12e49]{font-size:.75rem;color:var(--text-muted)}.no-notifications[data-v-18e12e49]{padding:1rem;text-align:center;color:var(--text-muted)}.user-dropdown-panel[data-v-18e12e49]{min-width:220px}.dropdown-item[data-v-18e12e49]{display:flex;align-items:center;width:100%;padding:.85rem 1rem;color:var(--text-color);text-decoration:none;background:none;border:none;text-align:left;font-size:.92rem;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.dropdown-item[data-v-18e12e49]:hover{background:var(--panel-hover-bg);color:var(--text-color-strong)}@media (max-width: 992px){.header-center[data-v-18e12e49]{padding:0 .9rem}.brand-name[data-v-18e12e49]{font-size:.98rem}.theme-toggle-label[data-v-18e12e49]{display:none}.theme-toggle-btn[data-v-18e12e49]{width:44px;justify-content:center;padding:0;border-radius:50%}}@media (max-width: 768px){.new-app-header[data-v-18e12e49]{padding:.65rem .7rem 0}.header-content[data-v-18e12e49]{min-height:calc(var(--header-height) - 22px);padding-inline:.75rem}.mobile-menu-button[data-v-18e12e49]{display:inline-flex}.header-center[data-v-18e12e49]{padding:0 .6rem}.brand-name[data-v-18e12e49],.user-name-display[data-v-18e12e49]{display:none}.notifications-dropdown-panel[data-v-18e12e49],.user-dropdown-panel[data-v-18e12e49]{min-width:min(280px,calc(100vw - 1.4rem))}}@media (max-width: 560px){.header-center[data-v-18e12e49]{display:none}}.new-app-footer[data-v-de3aa6a0]{margin:0 var(--container-padding) 1rem;padding:.25rem 0 0;color:var(--footer-text-color)}.footer-container[data-v-de3aa6a0]{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:.95rem 1.15rem;border:1px solid var(--glass-border);border-radius:var(--border-radius-xl);background:linear-gradient(180deg,#ffffff85,#ffffff52);box-shadow:var(--glass-shadow-soft);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.footer-section[data-v-de3aa6a0]{display:flex;align-items:center;gap:.8rem}.footer-left[data-v-de3aa6a0]{font-size:.88rem}.copyright-text[data-v-de3aa6a0]{font-weight:600}.version-text[data-v-de3aa6a0]{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-de3aa6a0]{justify-content:center}.system-status[data-v-de3aa6a0]{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-de3aa6a0]{color:var(--success-color-dark);background:#118c5d1f;border:1px solid rgba(17,140,93,.18)}.system-status.status-offline[data-v-de3aa6a0]{color:var(--danger-color-dark);background:#c2415f1f;border:1px solid rgba(194,65,95,.18)}.footer-right[data-v-de3aa6a0]{justify-content:flex-end}.footer-link[data-v-de3aa6a0]{color:var(--footer-link-color);text-decoration:none;font-weight:600;transition:color var(--transition-fast),transform var(--transition-fast)}.footer-link[data-v-de3aa6a0]:hover{color:var(--footer-link-hover-color);transform:translateY(-1px)}@media (max-width: 768px){.new-app-footer[data-v-de3aa6a0]{margin-inline:.7rem}.footer-container[data-v-de3aa6a0]{justify-content:center;text-align:center}.footer-section[data-v-de3aa6a0]{width:100%;justify-content:center}}#app[data-v-61a15e5f]{display:flex;flex-direction:column;min-height:100vh;background:var(--main-content-bg)}.app-layout[data-v-61a15e5f]{display:flex;flex-grow:1;overflow:hidden}.main-content[data-v-61a15e5f]{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;position:relative;background:transparent;padding-left:var(--94cbaa68);transition:padding-left var(--transition-normal)}.page-content[data-v-61a15e5f]{flex-grow:1;padding:calc(var(--header-height) + .2rem) 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-61a15e5f]{display:flex;flex-direction:column;min-height:100vh;align-items:center;justify-content:center;width:100%}@media (max-width: 768px){.main-content[data-v-61a15e5f]{padding-left:0}.page-content[data-v-61a15e5f]{padding-top:calc(var(--header-height) + .3rem);padding-inline:.9rem}}:root{--primary-color: #1967d2;--primary-hover: #0f53ae;--primary-light: rgba(25, 103, 210, .14);--primary-color-light-transparent: rgba(25, 103, 210, .18);--success-color: #118c5d;--success-hover: #0d734c;--success-light: rgba(17, 140, 93, .14);--success-color-light: rgba(17, 140, 93, .14);--success-color-dark: #0f6b47;--warning-color: #c78618;--warning-hover: #a06b10;--warning-light: rgba(199, 134, 24, .14);--danger-color: #c2415f;--danger-hover: #a72f4b;--danger-light: rgba(194, 65, 95, .14);--danger-color-light: rgba(194, 65, 95, .14);--danger-color-dark: #8f2540;--info-color: #0f7b8f;--info-hover: #0b6070;--info-light: rgba(15, 123, 143, .14);--gray-50: #f8fbff;--gray-100: #eef3f9;--gray-200: #dce5f0;--gray-300: #bdcde0;--gray-400: #8ea5bf;--gray-500: #627a94;--gray-600: #43607d;--gray-700: #2e4760;--gray-800: #1a3048;--gray-900: #0d1a29;--bg-color: #edf3fb;--bg-light: rgba(255, 255, 255, .64);--bg-dark: #0b1324;--bg-surface: rgba(255, 255, 255, .58);--bg-surface-strong: rgba(255, 255, 255, .78);--bg-surface-raised: rgba(255, 255, 255, .86);--bg-surface-muted: rgba(248, 251, 255, .52);--bg-subtle: rgba(248, 251, 255, .72);--bg-sidebar: rgba(10, 22, 44, .74);--bg-sidebar-elevated: rgba(12, 28, 54, .84);--main-content-bg: radial-gradient(circle at 0% 0%, rgba(147, 197, 253, .4), transparent 32%), radial-gradient(circle at 100% 0%, rgba(94, 234, 212, .22), transparent 28%), linear-gradient(180deg, #eff5fc 0%, #edf4fb 46%, #f7fbff 100%);--text-color: #102138;--text-color-strong: #0f1d30;--text-color-header: #18314b;--text-muted: #61758d;--text-color-muted: #61758d;--text-light: #8196ad;--text-color-placeholder: #8093a8;--text-inverse: #ffffff;--border-color: rgba(133, 154, 186, .28);--border-light: rgba(255, 255, 255, .56);--border-dark: rgba(95, 120, 149, .26);--border-color-base: rgba(133, 154, 186, .22);--border-color-light: rgba(255, 255, 255, .44);--border-color-extra-light: rgba(255, 255, 255, .68);--glass-surface: rgba(255, 255, 255, .42);--glass-surface-strong: rgba(255, 255, 255, .68);--glass-surface-dark: rgba(17, 31, 56, .66);--glass-border: rgba(255, 255, 255, .44);--glass-border-strong: rgba(111, 142, 180, .24);--glass-highlight: rgba(255, 255, 255, .76);--glass-shadow: 0 24px 52px rgba(21, 41, 67, .14);--glass-shadow-lg: 0 30px 70px rgba(17, 31, 56, .18);--glass-shadow-soft: 0 12px 28px rgba(42, 72, 109, .1);--glass-blur: 20px;--glass-blur-strong: 34px;--shadow-sm: 0 8px 18px rgba(24, 47, 79, .08);--shadow: 0 14px 28px rgba(24, 47, 79, .11);--shadow-md: 0 20px 40px rgba(24, 47, 79, .14);--shadow-lg: 0 28px 56px rgba(17, 31, 56, .16);--shadow-xl: 0 36px 74px rgba(17, 31, 56, .2);--spacing-xs: .375rem;--spacing-sm: .75rem;--spacing-md: 1.25rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--border-radius: .95rem;--border-radius-sm: .7rem;--border-radius-md: 1rem;--border-radius-lg: 1.3rem;--border-radius-xl: 1.7rem;--border-radius-2xl: 2rem;--font-display: "Space Grotesk", "Manrope", sans-serif;--font-body: "Manrope", "Segoe UI", sans-serif;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.1rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.2rem;--font-5xl: 2.8rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-heavy: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--transition-fast: .18s cubic-bezier(.22, 1, .36, 1);--transition-normal: .28s cubic-bezier(.22, 1, .36, 1);--transition-slow: .42s cubic-bezier(.22, 1, .36, 1);--sidebar-width: 304px;--sidebar-collapsed-width: 88px;--header-height: 84px;--content-max-width: 1460px;--container-padding: clamp(1rem, 1vw + .8rem, 1.8rem);--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: 46px;--input-height: 46px;--table-row-height: 56px;--header-bg: rgba(255, 255, 255, .5);--header-text-color: #102138;--header-icon-color: #46627d;--header-icon-hover-bg: rgba(255, 255, 255, .48);--header-surface-start: rgba(255, 255, 255, .82);--header-surface-end: rgba(255, 255, 255, .52);--header-control-bg: rgba(255, 255, 255, .56);--header-control-hover-bg: rgba(255, 255, 255, .82);--header-control-border: rgba(255, 255, 255, .52);--brand-color: #0d4fb8;--search-bg: rgba(255, 255, 255, .52);--search-border-color: rgba(132, 156, 187, .28);--search-icon-color: #69829a;--search-text-color: #102138;--search-surface-start: rgba(255, 255, 255, .8);--search-surface-end: rgba(255, 255, 255, .46);--panel-surface-start: rgba(255, 255, 255, .92);--panel-surface-end: rgba(255, 255, 255, .72);--panel-hover-bg: rgba(255, 255, 255, .54);--panel-section-border: rgba(255, 255, 255, .5);--surface-highlight: rgba(255, 255, 255, .58);--sidebar-bg: linear-gradient(180deg, rgba(255, 255, 255, .94) 0%, rgba(246, 250, 255, .92) 100%);--sidebar-border-color: rgba(132, 156, 187, .24);--sidebar-text-color: #102138;--sidebar-link-color: #5b7188;--sidebar-link-hover-bg: rgba(25, 103, 210, .08);--sidebar-link-hover-color: #102138;--sidebar-icon-color: #67819a;--sidebar-icon-hover-color: #102138;--sidebar-submenu-bg: rgba(239, 245, 252, .94);--sidebar-submenu-link-color: #57708b;--sidebar-submenu-link-hover-color: #102138;--sidebar-footer-bg: rgba(244, 248, 253, .86);--sidebar-scrollbar-thumb-bg: rgba(150, 174, 202, .36);--sidebar-scrollbar-thumb-hover-bg: rgba(117, 145, 177, .5);--footer-bg: rgba(255, 255, 255, .42);--footer-text-color: #5c7188;--footer-border-color: rgba(255, 255, 255, .42);--footer-badge-bg: rgba(255, 255, 255, .52);--footer-badge-text-color: #18314b;--footer-link-color: #0d4fb8;--footer-link-hover-color: #083b8a;--status-active: var(--success-color);--status-pending: var(--warning-color);--status-error: var(--danger-color);--status-inactive: var(--gray-400);--selolje-color: #ef8d27;--blaabaer-color: #2572d7;--q10-color: #495ee2;--filling-color: #e39318;--labeling-color: #1786a0;--packaging-color: #c2415f;--completed-color: #118c5d}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg-color: #08111f;--bg-light: rgba(13, 22, 38, .9);--bg-surface: rgba(12, 21, 36, .84);--bg-surface-strong: rgba(16, 28, 47, .94);--bg-surface-raised: rgba(19, 33, 55, .98);--bg-surface-muted: rgba(10, 18, 31, .88);--bg-subtle: rgba(11, 19, 32, .82);--bg-sidebar: rgba(8, 14, 25, .94);--bg-sidebar-elevated: rgba(10, 18, 31, .98);--main-content-bg: radial-gradient(circle at 0% 0%, rgba(25, 103, 210, .22), transparent 30%), radial-gradient(circle at 100% 0%, rgba(15, 123, 143, .16), transparent 24%), linear-gradient(180deg, #08111f 0%, #0b1526 44%, #0d1a2d 100%);--text-color: #e9f1fb;--text-color-strong: #ffffff;--text-color-header: #f4f8ff;--text-muted: #a7b8cc;--text-color-muted: #a7b8cc;--text-light: #90a3b7;--text-color-placeholder: #8ca1b8;--border-color: rgba(122, 149, 184, .3);--border-light: rgba(184, 203, 228, .14);--border-dark: rgba(122, 149, 184, .26);--border-color-base: rgba(122, 149, 184, .24);--border-color-light: rgba(184, 203, 228, .12);--border-color-extra-light: rgba(184, 203, 228, .2);--glass-surface: rgba(13, 22, 38, .74);--glass-surface-strong: rgba(18, 31, 52, .92);--glass-surface-dark: rgba(9, 18, 31, .92);--glass-border: rgba(184, 203, 228, .14);--glass-border-strong: rgba(122, 149, 184, .26);--glass-highlight: rgba(184, 203, 228, .18);--glass-shadow: 0 26px 52px rgba(0, 0, 0, .34);--glass-shadow-lg: 0 34px 72px rgba(0, 0, 0, .42);--glass-shadow-soft: 0 14px 32px rgba(0, 0, 0, .26);--shadow-sm: 0 8px 18px rgba(0, 0, 0, .22);--shadow: 0 14px 28px rgba(0, 0, 0, .26);--shadow-md: 0 20px 42px rgba(0, 0, 0, .3);--shadow-lg: 0 28px 56px rgba(0, 0, 0, .36);--shadow-xl: 0 36px 74px rgba(0, 0, 0, .42);--header-bg: rgba(8, 14, 25, .78);--header-text-color: #f4f8ff;--header-icon-color: #c5d3e3;--header-icon-hover-bg: rgba(23, 39, 63, .88);--header-surface-start: rgba(18, 31, 52, .98);--header-surface-end: rgba(10, 18, 31, .92);--header-control-bg: rgba(16, 28, 47, .9);--header-control-hover-bg: rgba(24, 41, 66, .98);--header-control-border: rgba(122, 149, 184, .26);--brand-color: #8ab8ff;--search-bg: rgba(12, 21, 36, .92);--search-border-color: rgba(122, 149, 184, .38);--search-icon-color: #9fb1c6;--search-text-color: #f4f8ff;--search-surface-start: rgba(18, 31, 52, .96);--search-surface-end: rgba(10, 18, 31, .92);--panel-surface-start: rgba(18, 31, 52, .98);--panel-surface-end: rgba(10, 18, 31, .95);--panel-hover-bg: rgba(24, 41, 66, .78);--panel-section-border: rgba(122, 149, 184, .22);--surface-highlight: rgba(194, 208, 226, .12);--sidebar-bg: linear-gradient(180deg, rgba(8, 14, 25, .98) 0%, rgba(12, 21, 36, .97) 100%);--sidebar-border-color: rgba(122, 149, 184, .22);--sidebar-text-color: #edf4ff;--sidebar-link-color: #c5d2e0;--sidebar-link-hover-bg: rgba(25, 103, 210, .22);--sidebar-link-hover-color: #ffffff;--sidebar-icon-color: #9fb1c6;--sidebar-icon-hover-color: #ffffff;--sidebar-submenu-bg: rgba(13, 22, 38, .92);--sidebar-submenu-link-color: #b6c6d8;--sidebar-submenu-link-hover-color: #ffffff;--sidebar-footer-bg: rgba(10, 18, 31, .92);--sidebar-scrollbar-thumb-bg: rgba(122, 149, 184, .3);--sidebar-scrollbar-thumb-hover-bg: rgba(150, 174, 202, .46);--footer-bg: rgba(13, 22, 38, .68);--footer-text-color: #b6c6d8;--footer-border-color: rgba(122, 149, 184, .18);--footer-badge-bg: rgba(16, 28, 47, .86);--footer-badge-text-color: #edf4ff;--footer-link-color: #90c0ff;--footer-link-hover-color: #c7deff}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){:root{--shadow-sm: 0 6px 14px rgba(24, 47, 79, .08);--shadow: 0 12px 24px rgba(24, 47, 79, .11);--shadow-md: 0 18px 38px rgba(24, 47, 79, .14);--shadow-lg: 0 24px 48px rgba(17, 31, 56, .16)}}@media (min-width: 1920px){:root{--container-padding: var(--spacing-lg);--sidebar-width: 332px;--header-height: 88px;--content-max-width: 1640px}}@media (min-width: 2560px){:root{--content-max-width: 2080px;--container-padding: 2.4rem}}*{box-sizing:border-box}html{font-size:16px;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))}.login-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--main-content-bg)}.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: 768px){.main-content,.sidebar-collapsed .main-content{margin-left:0}.sidebar-overlay{display:block}.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)}body{font-family:var(--font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);color:var(--text-color, #333);background-color:var(--bg-main, #f4f7fa);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.75rem;font-weight:var(--font-weight-semibold, 600);line-height:1.3;color:var(--text-color-strong, #2c3e50)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem}p{margin-top:0;margin-bottom:1rem;line-height:1.6}a{color:var(--primary-color, #007bff);text-decoration:none}a:hover{text-decoration:underline}ul,ol{margin-bottom:1rem;padding-left:1.5rem}li{margin-bottom:.25rem}.mt-0_5{margin-top:.5rem!important}.mb-0_5{margin-bottom:.5rem!important}.mt-1{margin-top:1rem!important}.mb-1{margin-bottom:1rem!important}.mt-1_5{margin-top:1.5rem!important}.mb-1_5{margin-bottom:1.5rem!important}.mt-2{margin-top:2rem!important}.mb-2{margin-bottom:2rem!important}.pt-1{padding-top:1rem!important}.pb-1{padding-bottom:1rem!important}.pl-1{padding-left:1rem!important}.pr-1{padding-right:1rem!important}.p-1{padding:1rem!important}input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],textarea,select{display:block;width:100%;padding:.6rem .75rem;font-size:.95rem;line-height:1.5;color:var(--form-input-text, #495057);background-color:var(--form-input-bg, #fff);background-clip:padding-box;border:1px solid var(--form-input-border, #ced4da);border-radius:var(--border-radius-md, .25rem);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=date]:focus,input[type=number]:focus,textarea:focus,select:focus{border-color:var(--primary-color-light, #80bdff);outline:0;box-shadow:0 0 0 .2rem var(--primary-color-light-transparent, rgba(0, 123, 255, .25))}label{display:inline-block;margin-bottom:.5rem;font-weight:var(--font-weight-medium, 500)}.btn{display:inline-block;font-weight:var(--font-weight-normal, 400);text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.5rem 1rem;font-size:.95rem;line-height:1.5;border-radius:var(--border-radius-md, .25rem);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-primary{color:#fff;background-color:var(--primary-color, #007bff);border-color:var(--primary-color, #007bff)}.btn-primary:hover{color:#fff;background-color:var(--primary-color-dark, #0056b3);border-color:var(--primary-color-darker, #004085)}.btn-secondary{color:#fff;background-color:var(--secondary-color, #6c757d);border-color:var(--secondary-color, #6c757d)}.btn-secondary:hover{color:#fff;background-color:var(--secondary-color-dark, #545b62);border-color:var(--secondary-color-darker, #4e555b)}.card{background-color:var(--bg-surface-raised, #ffffff);border-radius:var(--border-radius-lg, 8px);padding:var(--card-padding, 1.5rem);box-shadow:var(--shadow-sm, 0 2px 4px rgba(0,0,0,.04));border:1px solid var(--border-color-base, #e0e0e0);margin-bottom:var(--spacing-md, 1.5rem)}.card>*:first-child{margin-top:0}.card>*:last-child{margin-bottom:0}.card .card-title{font-size:1.15rem;font-weight:var(--font-semibold, 600);color:var(--text-color-header, #34495e);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color-light, #eee)}.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-collapsed{width:70px}.sidebar-header{padding:var(--spacing-md);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:.875rem 1rem;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:1.5rem;max-width:1400px;margin:0 auto}.alerts-section{margin-bottom:2rem}.alert{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;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:2rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.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:2rem}.dashboard-section{min-height:300px}@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:var(--spacing-sm);min-height:var(--button-height);padding:0 var(--spacing-lg);font-family:inherit;font-size:var(--font-base);font-weight:var(--font-medium);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(--glass-border);border-radius:var(--border-radius-md);background:linear-gradient(180deg,#ffffffb3,#ffffff6b);color:var(--text-color);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);position:relative;overflow:hidden;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px #ffffff94}.btn:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--glass-shadow-soft);border-color:#ffffffc7}.btn:focus{outline:none;box-shadow:0 0 0 3px #1967d22e,var(--glass-shadow-soft)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn:disabled,.btn.disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:linear-gradient(180deg,#1967d2fa,#1967d2d1);border-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.btn-secondary{background:linear-gradient(180deg,#43607de6,#43607dbd);border-color:#43607d6b;color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--gray-700);border-color:var(--gray-700);color:#fff}.btn-success{background:linear-gradient(180deg,#118c5df5,#118c5dcc);border-color:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--success-hover);border-color:var(--success-hover);color:#fff}.btn-warning{background:linear-gradient(180deg,#c78618f5,#c78618cc);border-color:var(--warning-color);color:#fff}.btn-warning:hover:not(:disabled){background-color:var(--warning-hover);border-color:var(--warning-hover);color:#fff}.btn-danger{background:linear-gradient(180deg,#c2415ff5,#c2415fcc);border-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--danger-hover);border-color:var(--danger-hover);color:#fff}.btn-info{background:linear-gradient(180deg,#0f7b8ff5,#0f7b8fcc);border-color:var(--info-color);color:#fff}.btn-info:hover:not(:disabled){background-color:var(--info-hover);border-color:var(--info-hover);color:#fff}.btn-outline,.btn-outline-primary{background:linear-gradient(180deg,#ffffff8f,#ffffff4d);border-color:#1967d23d;color:var(--primary-color)}.btn-outline:hover:not(:disabled),.btn-outline-primary:hover:not(:disabled){background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-outline-secondary{background:linear-gradient(180deg,#ffffff8f,#ffffff4d);border-color:#43607d3d;color:var(--gray-600)}.btn-outline-secondary:hover:not(:disabled){background-color:var(--gray-600);border-color:var(--gray-600);color:#fff}.btn-outline-success{background:linear-gradient(180deg,#ffffff8f,#ffffff4d);border-color:#118c5d3d;color:var(--success-color)}.btn-outline-success:hover:not(:disabled){background-color:var(--success-color);border-color:var(--success-color);color:#fff}.btn-outline-warning{background:linear-gradient(180deg,#ffffff8f,#ffffff4d);border-color:#c786183d;color:var(--warning-color)}.btn-outline-warning:hover:not(:disabled){background-color:var(--warning-color);border-color:var(--warning-color);color:#fff}.btn-outline-danger{background:linear-gradient(180deg,#ffffff8f,#ffffff4d);border-color:#c2415f3d;color:var(--danger-color)}.btn-outline-danger:hover:not(:disabled){background-color:var(--danger-color);border-color:var(--danger-color);color:#fff}.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:28px;padding:0 var(--spacing-sm);font-size:var(--font-xs);gap:var(--spacing-xs)}.btn-sm{min-height:36px;padding:0 var(--spacing-md);font-size:var(--font-sm);gap:var(--spacing-xs)}.btn-lg{min-height:52px;padding:0 var(--spacing-xl);font-size:var(--font-lg);gap:var(--spacing-md)}.btn-xl{min-height:60px;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}.btn-icon i{font-size:1.2em}.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}@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:48px;padding:0 var(--spacing-xl);font-size:var(--font-lg)}.btn-lg{min-height:56px;padding:0 var(--spacing-2xl);font-size:var(--font-xl)}}@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-lg)}.form-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.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-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);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{display:block;width:100%;min-height:var(--input-height);padding:0 var(--spacing-md);font-size:var(--font-base);font-family:inherit;line-height:var(--line-height-normal);color:var(--text-color);background:linear-gradient(180deg,#ffffffb8,#ffffff75);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px #ffffff8f}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1967d21f,inset 0 1px #ffffff9e}.form-input:disabled,.form-select:disabled,.form-textarea: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-xl);padding-top:var(--spacing-lg);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:linear-gradient(180deg,var(--glass-surface-strong) 0%,var(--glass-surface) 100%);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--glass-shadow-soft);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.data-table th,.data-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--border-light);vertical-align:middle;min-height:var(--table-row-height)}.data-table th{background:#ffffff57;font-weight:var(--font-semibold);font-size:var(--font-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:#ffffff4d}.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:linear-gradient(180deg,var(--glass-surface-strong) 0%,var(--glass-surface) 100%);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--glass-shadow-soft);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.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)}.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{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}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.25s;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:-.03em}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.card{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-soft);transition:box-shadow var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));overflow:hidden}.card:hover{box-shadow:var(--glass-shadow);border-color:var(--glass-highlight);transform:translateY(-2px)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);background:#ffffff38}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-light);background:var(--bg-light)}.metric-card{background:linear-gradient(180deg,#ffffffb8,#ffffff70);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all var(--transition-fast);cursor:pointer;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.metric-card.metric-warning{border-left:4px solid var(--warning-color)}.metric-card.metric-danger{border-left:4px solid var(--danger-color)}.metric-card.metric-success{border-left:4px solid var(--success-color)}.metric-card.metric-info{border-left:4px solid var(--info-color)}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.metric-icon{width:48px;height:48px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:var(--font-xl);background:var(--primary-light);color:var(--primary-color)}.metric-value{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--text-color);margin:0;line-height:var(--line-height-tight)}.metric-label{font-size:var(--font-sm);color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:.05em}.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:linear-gradient(180deg,var(--glass-surface-strong) 0%,var(--glass-surface) 100%);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.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;padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-surface);color:var(--text-color);text-decoration:none;transition:all var(--transition-fast);min-height:120px;position:relative;cursor:pointer}.action-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);text-decoration:none;color:var(--text-color)}.action-button i{font-size:var(--font-3xl);margin-bottom:var(--spacing-sm)}.action-button span{font-size:var(--font-sm);font-weight:var(--font-medium);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(--primary-color);background:var(--primary-light)}.action-primary:hover{background:var(--primary-color);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:linear-gradient(180deg,var(--glass-surface-strong) 0%,var(--glass-surface) 100%);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-light)}.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(--primary-light);color:var(--primary-color)}.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-medium);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:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-xs);font-weight:var(--font-medium);border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.05em}.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(400px,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}}