*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}:root{--c-bg: #f9fafb;--c-surface: #ffffff;--c-surface2: #f8fafc;--c-border: #e2e8f0;--c-hover: #f8fafc;--c-text: #0f172a;--c-text-muted: #6b7280;--c-text-faint: #94a3b8;--c-primary: #1a73e8;--c-primary-h: #1557b0;--c-success: #16a34a;--c-success-bg: #f0fdf4;--c-success-border: #bbf7d0;--c-warning: #d97706;--c-warning-bg: #fffbeb;--c-warning-border: #fde68a;--c-danger: #dc2626;--c-danger-bg: #fef2f2;--c-danger-border: #fecaca;--c-info: #2563eb;--c-info-bg: #eff6ff;--c-info-border: #bfdbfe;--c-purple: #9333ea;--c-purple-bg: #faf5ff;--c-purple-border: #e9d5ff;--c-sky: #0284c7;--c-sky-bg: #f0f9ff;--c-sky-border: #bae6fd;--c-link: #2563eb;--c-selected-bg: #eff6ff;--c-input-bg: #ffffff;--c-input-border: #cbd5e1;--c-sidebar: #0B1220;--c-sidebar-2: #111A2E;--c-sidebar-active: #162234;--c-sidebar-text: #E6ECF8;--c-sidebar-muted: #A9B4C9;--c-sidebar-sep: rgba(255,255,255,.08);--c-sidebar-act: #1E3A8A;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.09);--shadow-lg: 0 20px 60px rgba(0,0,0,.15);--shadow-hover: 0 4px 16px rgba(0,0,0,.08);--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--sidebar-w: 240px;--sidebar-w-tablet: 200px;--header-h: 56px;--bottom-nav-h: 60px}[data-theme=dark]{--c-bg: #0f172a;--c-surface: #1e293b;--c-surface2: #263347;--c-border: #334155;--c-hover: #263347;--c-text: #f8fafc;--c-text-muted: #94a3b8;--c-text-faint: #64748b;--c-primary: #3b82f6;--c-primary-h: #2563eb;--c-success: #4ade80;--c-success-bg: #052e16;--c-success-border: #166534;--c-warning: #fcd34d;--c-warning-bg: #422006;--c-warning-border: #92400e;--c-danger: #f87171;--c-danger-bg: #3b1010;--c-danger-border: #7f1d1d;--c-info: #60a5fa;--c-info-bg: #172554;--c-info-border: #1e3a8a;--c-purple: #c084fc;--c-purple-bg: #2e1065;--c-purple-border: #5b21b6;--c-sky: #38bdf8;--c-sky-bg: #0c2a4a;--c-sky-border: #0369a1;--c-link: #60a5fa;--c-selected-bg: #1e3a5f;--c-input-bg: #0f172a;--c-input-border: #475569;--c-sidebar: #0B1220;--c-sidebar-2: #111A2E;--c-sidebar-active: #162234;--c-sidebar-text: #E6ECF8;--c-sidebar-muted: #A9B4C9;--c-sidebar-sep: rgba(255,255,255,.08);--c-sidebar-act: #1E3A8A;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 20px 60px rgba(0,0,0,.5);--shadow-hover: 0 4px 16px rgba(0,0,0,.4)}html{height:100%;color-scheme:light dark}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--c-bg);color:var(--c-text);height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s,color .2s}#root{height:100%}.app-shell{display:flex;min-height:100%;min-height:-webkit-fill-available;background:var(--c-bg)}.app-sidebar{width:var(--sidebar-w);background:var(--c-sidebar);display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:sticky;top:0;overflow:hidden;padding-left:var(--sal);padding-top:var(--sat);transition:transform .26s cubic-bezier(.4,0,.2,1),box-shadow .26s;z-index:200}.app-sidebar::-webkit-scrollbar{display:none}.app-main{flex:1;min-width:0;overflow-y:auto;background:var(--c-bg);transition:background-color .2s}@media (min-width: 768px) and (max-width: 1023px){.app-sidebar{width:var(--sidebar-w-tablet)}}@media (max-width: 767px){.app-shell{flex-direction:column}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:284px;height:100%;transform:translate(-100%);z-index:400;padding-top:var(--sat)}.app-sidebar.sidebar-open{transform:translate(0);box-shadow:8px 0 40px #00000073}.app-main{padding-top:calc(var(--header-h) + var(--sat));padding-bottom:calc(var(--bottom-nav-h) + var(--sab));min-height:100svh}}.sidebar-overlay{display:none}@media (max-width: 767px){.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:399;pointer-events:none;transition:background .26s}.sidebar-overlay.sidebar-overlay-open{background:#00000085;pointer-events:all;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}}.mobile-header{display:none}@media (max-width: 767px){.mobile-header{display:flex;position:fixed;top:0;left:0;right:0;height:calc(var(--header-h) + var(--sat));padding-top:var(--sat);background:var(--c-sidebar);z-index:300;align-items:center;justify-content:space-between;padding-left:calc(14px + var(--sal));padding-right:calc(14px + var(--sar));border-bottom:1px solid var(--c-sidebar-sep)}}.bottom-nav{display:none}@media (max-width: 767px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:300;background:var(--c-surface);border-top:1px solid var(--c-border);padding-bottom:var(--sab);padding-left:var(--sal);padding-right:var(--sar);transition:background-color .2s}}.bnav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:calc(var(--bottom-nav-h));padding:6px 4px;background:none;border:none;cursor:pointer;color:var(--c-text-muted);font-size:10px;font-weight:500;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color .14s;min-width:44px}.bnav-item svg{flex-shrink:0}.bnav-item.active{color:var(--c-primary)}.bnav-item:focus-visible{outline:2px solid var(--c-primary);outline-offset:-2px;border-radius:4px}.icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;border-radius:var(--r-md);color:#ffffffd1;-webkit-tap-highlight-color:transparent;transition:background .14s}.icon-btn:hover{background:#ffffff14}.icon-btn:active{background:#ffffff24}.icon-btn:focus-visible{outline:2px solid var(--c-primary);outline-offset:1px}.theme-toggle-row{display:flex;align-items:center;gap:6px;padding:6px 14px}.theme-toggle-btn{display:flex;align-items:center;gap:7px;background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-md);color:var(--c-sidebar-text);font-size:12px;cursor:pointer;padding:6px 10px;width:100%;transition:background .14s;-webkit-tap-highlight-color:transparent;min-height:36px}.theme-toggle-btn:hover{background:#ffffff1f}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0c447c;padding:20px;padding-top:calc(20px + var(--sat));padding-bottom:calc(20px + var(--sab))}.login-card{background:var(--c-surface);border-radius:var(--r-lg);padding:40px;width:100%;max-width:400px;box-shadow:var(--shadow-lg)}@media (max-width: 480px){.login-card{padding:28px 22px}}@media (orientation: landscape) and (max-height: 600px){.app-shell{flex-direction:column}.app-sidebar{position:fixed!important;top:0;left:0;bottom:0;width:284px!important;height:100%!important;transform:translate(-100%)!important;z-index:400;padding-top:var(--sat)}.app-sidebar.sidebar-open{transform:translate(0)!important;box-shadow:8px 0 40px #00000073}.app-main{padding-top:calc(var(--header-h) + var(--sat))!important;padding-bottom:calc(var(--bottom-nav-h) + var(--sab))!important;min-height:100svh}.mobile-header{display:flex!important;position:fixed;top:0;left:0;right:0;height:calc(var(--header-h) + var(--sat));padding-top:var(--sat);background:var(--c-sidebar);z-index:300;align-items:center;justify-content:space-between;padding-left:calc(14px + var(--sal));padding-right:calc(14px + var(--sar));border-bottom:1px solid var(--c-sidebar-sep)}.bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;z-index:300;background:var(--c-surface);border-top:1px solid var(--c-border);padding-bottom:var(--sab);padding-left:var(--sal);padding-right:var(--sar)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:399;pointer-events:none;transition:background .26s}.sidebar-overlay.sidebar-overlay-open{background:#00000085;pointer-events:all;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}}@media (orientation: landscape) and (max-height: 600px){.login-page{align-items:flex-start;padding-top:calc(10px + var(--sat));padding-bottom:calc(10px + var(--sab))}.login-card{padding:18px 22px}.login-logo{margin-bottom:14px}.login-logo-text{font-size:24px}}.login-logo{text-align:center;margin-bottom:32px}.login-logo-text{display:block;font-size:32px;font-weight:700;color:#0c447c;letter-spacing:2px}.login-logo-sub{font-size:12px;color:var(--c-text-muted);margin-top:4px}.login-form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:500;color:var(--c-text-muted)}.field input{padding:11px 12px;border:1px solid var(--c-border);border-radius:var(--r-md);font-size:15px;outline:none;background:var(--c-surface);color:var(--c-text);transition:border-color .2s;min-height:44px}.field input:focus{border-color:#0c447c}.login-error{color:var(--c-danger);font-size:13px}.login-btn{padding:13px;background:#0c447c;color:#fff;border:none;border-radius:var(--r-md);font-size:15px;font-weight:500;cursor:pointer;margin-top:8px;min-height:44px}.login-btn:disabled{opacity:.6;cursor:not-allowed}.page-status{padding:32px;text-align:center;color:var(--c-text-muted)}.page-status.error{color:var(--c-danger)}.empty-state{color:var(--c-text-muted);font-size:14px;padding:24px 0}.form-error{color:var(--c-danger);font-size:13px}.status-active{background:#eaf3de;color:#3b6d11}.status-inactive{background:#f1efe8;color:#666}.status-offline{background:#fcebeb;color:#a32d2d}[data-theme=dark] .status-active{background:#2e7d3238;color:#4ade80}[data-theme=dark] .status-inactive{background:#64748b33;color:#94a3b8}[data-theme=dark] .status-offline{background:#dc26262e;color:#f87171}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}a,button{transition:color .14s,background-color .14s,border-color .14s}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html,body{overflow-x:hidden;max-width:100%}.page-pad{padding:24px 28px}@media (min-width: 768px) and (max-width: 1023px){.page-pad{padding:20px}}@media (max-width: 767px){.page-pad{padding:16px 14px}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.modal-box{background:var(--c-surface);border-radius:var(--r-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);max-height:calc(100dvh - 32px);overflow-y:auto}@media (max-width: 767px){.modal-box{max-width:100%;border-radius:var(--r-md)}}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 767px){.form-grid-2{grid-template-columns:1fr}}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media (max-width: 1023px){.form-grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 767px){.form-grid-3{grid-template-columns:1fr}}.touch-target{min-height:44px;min-width:44px}@media (max-width: 767px){input,select,textarea{font-size:16px!important}}@media (max-width: 767px){.app-main main{padding-left:14px!important;padding-right:14px!important;padding-top:16px!important}}@media (min-width: 768px) and (max-width: 1023px){.app-main main{padding-left:20px!important;padding-right:20px!important}}.mobile-card-list{display:flex;flex-direction:column;gap:10px}.mobile-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:14px}.mobile-card-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-size:13px;padding:3px 0}.mobile-card-label{color:var(--c-text-muted);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.mobile-card-value{color:var(--c-text);text-align:right;word-break:break-word}.mobile-card-actions{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--c-border)}.mobile-card-actions button{flex:1;min-height:38px}[data-theme=dark] [style*="background: #fff"],[data-theme=dark] [style*="background: #ffffff"],[data-theme=dark] [style*="background: white"],[data-theme=dark] [style*="background-color: #fff"],[data-theme=dark] [style*="background-color: #ffffff"]{background:var(--c-surface)!important;border-color:var(--c-border)!important}[data-theme=dark] [style*="background: #f5f6fa"],[data-theme=dark] [style*="background: #f9fafb"],[data-theme=dark] [style*="background: #f8fafc"],[data-theme=dark] [style*="background: #f1f5f9"],[data-theme=dark] [style*="background: #f0f0f0"],[data-theme=dark] [style*="background: #f2f2f2"]{background:var(--c-surface2)!important}[data-theme=dark] [style*="color: #0f172a"],[data-theme=dark] [style*="color: #111827"],[data-theme=dark] [style*="color: #1a1a2e"],[data-theme=dark] [style*="color: #333"],[data-theme=dark] [style*="color: #444"],[data-theme=dark] [style*="color: #555"]{color:var(--c-text)!important}[data-theme=dark] [style*="color: #64748b"],[data-theme=dark] [style*="color: #6b7280"],[data-theme=dark] [style*="color: #666"],[data-theme=dark] [style*="color: #777"],[data-theme=dark] [style*="color: #888"],[data-theme=dark] [style*="color: #999"]{color:var(--c-text-muted)!important}[data-theme=dark] [style*="border: 1px solid #e2e8f0"],[data-theme=dark] [style*="border: 1px solid #e8eaed"],[data-theme=dark] [style*="border: 1px solid #e0e0e0"],[data-theme=dark] [style*="border: 1px solid #ddd"]{border-color:var(--c-border)!important}[data-theme=dark] input:not([type=checkbox]):not([type=radio]),[data-theme=dark] select,[data-theme=dark] textarea{background:var(--c-input-bg)!important;color:var(--c-text)!important;border-color:var(--c-input-border)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--c-text-faint)!important}@media print{@page{size:A4 portrait;margin:18mm 13mm 22mm}@page{@bottom-left{content:"HDS Factory Assistant  ·  Konfidentiellt";font-size:7.5pt;color:#666;font-family:Arial,Helvetica,sans-serif}@bottom-right{content:"Sida " counter(page) " av " counter(pages);font-size:8pt;font-weight:600;color:#333;font-family:Arial,Helvetica,sans-serif}}}@media screen{#hds-print-root{display:none!important;visibility:hidden!important}}@media print{body>*{visibility:hidden!important}#hds-print-root,#hds-print-root *{visibility:visible!important}#hds-print-root{display:block!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;z-index:999999!important;background:#fff!important}#hds-print-root{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:9.5pt;line-height:1.5;color:#0f1729!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact}#hds-print-root *{box-shadow:none!important;text-shadow:none!important;outline:none!important;animation:none!important;transition:none!important}#hds-print-root a{color:inherit!important;text-decoration:none!important}#hds-print-root a[href]:after{content:none!important}#hds-print-root img{max-width:100%!important;height:auto!important;page-break-inside:avoid;break-inside:avoid}#hds-print-root table{border-collapse:collapse!important;width:100%!important;table-layout:auto}#hds-print-root thead{display:table-header-group}#hds-print-root tfoot{display:table-footer-group}#hds-print-root tr{page-break-inside:avoid!important;break-inside:avoid!important}#hds-print-root th,#hds-print-root td{overflow-wrap:break-word;word-break:break-word}#hds-print-root h1,#hds-print-root h2,#hds-print-root h3,#hds-print-root h4{page-break-after:avoid!important;break-after:avoid!important}#hds-print-root p{orphans:3;widows:3}}@media print{.hds-pb-before{page-break-before:always!important;break-before:page!important}.hds-pb-after{page-break-after:always!important;break-after:page!important}.hds-pb-avoid{page-break-inside:avoid!important;break-inside:avoid!important}.hds-pb-section{page-break-inside:avoid!important;break-inside:avoid!important;orphans:4!important;widows:3!important}}@media screen{.hds-print-paper{width:794px;min-height:1122px;background:#fff;padding:18mm 13mm;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10pt;line-height:1.5;color:#0f1729;box-sizing:border-box;overflow:hidden}}