.company-switcher{display:flex;align-items:center;gap:var(--space-2)}.company-switcher__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:var(--font-size-sm);font-weight:400;letter-spacing:.02em;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-sm);padding:6px 14px;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),font-weight var(--transition-fast)}.company-switcher__tab:hover{background:#ffffff2e}.company-switcher__tab--active{font-weight:700;border-color:#ffffffb3}:root{--color-bg: #f8f9fa;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-border: #dee2e6;--color-border-strong: #adb5bd;--color-text-primary: #212529;--color-text-secondary: #6c757d;--color-text-disabled: #adb5bd;--color-text-inverse: #ffffff;--color-accent: #0d6efd;--color-accent-hover: #0b5ed7;--color-accent-light: #e7f1ff;--color-success: #198754;--color-success-light: #d1e7dd;--color-warning: #ffc107;--color-warning-light: #fff3cd;--color-danger: #dc3545;--color-danger-light: #f8d7da;--color-info: #0dcaf0;--color-info-light: #cff4fc;--brand-bg: #495057;--brand-accent: #495057;--brand-light: #f8f9fa;--brand-text-on-bg: #ffffff;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .07), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .06), 0 10px 10px rgba(0, 0, 0, .04);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--header-height: 56px;--nav-width: 220px;--content-max-w: 1280px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}[data-company=KNS]{--brand-bg: #1a2744;--brand-accent: #c5501a;--brand-light: #e8edf5}[data-company=AIQ]{--brand-bg: #1d3a1d;--brand-accent: #4caf50;--brand-light: #e8f5e9}[data-company=DS]{--brand-bg: #0a3d4a;--brand-accent: #00a8cc;--brand-light: #e0f4f8}[data-company=PF]{--brand-bg: #3a2400;--brand-accent: #f5a623;--brand-light: #fff8e1}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased}#root{height:100%}.app-shell{display:grid;grid-template-areas:"header header" "nav    main";grid-template-rows:var(--header-height) 1fr;grid-template-columns:var(--nav-width) 1fr;min-height:100vh}.app-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 max(var(--space-6),env(safe-area-inset-right)) 0 max(var(--space-6),env(safe-area-inset-left));background:var(--brand-bg);color:var(--brand-text-on-bg);box-shadow:var(--shadow-sm)}.app-header__nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:var(--space-3);padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--brand-text-on-bg);cursor:pointer;flex:0 0 auto;transition:background var(--transition-fast)}.app-header__nav-toggle:hover{background:#ffffff26}.app-header__nav-toggle:focus-visible{outline:2px solid var(--brand-text-on-bg);outline-offset:1px}.app-header__nav-toggle-bars,.app-header__nav-toggle-bars:before,.app-header__nav-toggle-bars:after{display:block;width:18px;height:2px;background:currentColor;border-radius:1px;position:relative}.app-header__nav-toggle-bars:before,.app-header__nav-toggle-bars:after{content:"";position:absolute;left:0}.app-header__nav-toggle-bars:before{top:-6px}.app-header__nav-toggle-bars:after{top:6px}.app-header__brand{display:flex;align-items:center;gap:var(--space-3)}.app-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.01em}.app-header__company{display:flex;align-items:center}.app-nav{grid-area:nav;display:flex;flex-direction:column;padding:var(--space-4) 0;background:var(--color-surface);border-right:1px solid var(--color-border);gap:var(--space-1)}.app-nav a{display:block;padding:var(--space-2) var(--space-6);color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:0;transition:background var(--transition-fast),color var(--transition-fast)}.app-nav a:hover{background:var(--color-accent-light);color:var(--color-accent)}.app-nav__section{margin-top:var(--space-3);padding:var(--space-2) var(--space-6) var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);border-top:1px solid var(--color-border)}.app-nav__group-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:var(--space-3);padding:var(--space-2) var(--space-6) var(--space-1);border:0;border-top:1px solid var(--color-border);border-radius:0;background:transparent;font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:background var(--transition-fast),color var(--transition-fast)}.app-nav__group-toggle:hover{background:var(--color-accent-light);color:var(--color-accent)}.app-nav__group-chevron{font-size:10px;line-height:1}.app-nav__group>div>a{padding-left:calc(var(--space-6) + var(--space-3))}.app-nav__version{margin-top:auto;padding:var(--space-3) var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-main{grid-area:main;padding:var(--space-8);overflow-y:auto}.app-shell__no-access{margin:0 0 var(--space-4) 0}.app-main{min-width:0}@media(min-width:768px){.app-shell[data-nav-open=false]{grid-template-columns:0 1fr}.app-shell[data-nav-open=false] .app-nav{display:none}}@media(max-width:767px){.app-shell{grid-template-areas:"header" "main";grid-template-columns:1fr}.app-nav{position:fixed;top:var(--header-height);left:0;bottom:0;width:min(var(--nav-width),80vw);transform:translate(-100%);transition:transform var(--transition-base);z-index:60;box-shadow:var(--shadow-lg);overflow-y:auto}.app-shell[data-nav-open=true] .app-nav{transform:translate(0)}.app-shell__scrim{position:fixed;inset:var(--header-height) 0 0 0;width:100%;margin:0;padding:0;border:0;background:#00000073;z-index:50;cursor:pointer}.app-main{padding:var(--space-4)}}@media(max-width:767px){.app-header__company{display:none}}.app-nav__company{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap}.app-nav__company .company-switcher__tab{color:var(--color-text-primary);background:var(--color-bg);border-color:var(--color-border)}.app-nav__company .company-switcher__tab:hover{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.app-nav__company .company-switcher__tab--active{border-color:transparent;color:#fff}@media(min-width:768px){.app-nav__company{display:none}}.xco-search{margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.xco-search__bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.xco-search__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);white-space:nowrap}.xco-search__input{flex:1 1 260px;max-width:480px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg);color:var(--color-text-primary)}.xco-search__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.xco-search__spinner{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}.xco-search__results{margin-top:var(--space-3)}.xco-search__hint{margin:var(--space-2) 0 0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.xco-search__empty{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}.xco-company-pill{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.page{max-width:960px}.page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4)}.page__stub{color:var(--color-text-secondary);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-8);text-align:center}.app-bootstrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.app-bootstrap__spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:app-bootstrap-spin .8s linear infinite}@keyframes app-bootstrap-spin{to{transform:rotate(360deg)}}.sign-in-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.sign-in-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;box-shadow:var(--shadow-lg);max-width:380px;width:100%}.sign-in-card h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2)}.sign-in-card p{color:var(--color-text-secondary);margin:0 0 var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-6);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-bg)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover{filter:brightness(.92)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-link{background:transparent;border:none;color:var(--color-accent);padding:0;font-size:inherit;cursor:pointer;text-decoration:underline}.btn-link:hover{color:var(--color-accent-hover)}.form-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.form-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-field__label .required{color:var(--color-danger);margin-left:2px}.form-field__input,.form-field__textarea{font-family:inherit;font-size:var(--font-size-base);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-field__input:focus,.form-field__textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.form-field__input:disabled,.form-field__textarea:disabled{background:var(--color-bg);color:var(--color-text-disabled);cursor:not-allowed}.form-field__error{font-size:var(--font-size-xs);color:var(--color-danger)}.form-field__hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.form-section{margin-bottom:var(--space-5)}.form-section__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.form-section--card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5)}.form-section--card .form-section__title{margin-top:0;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.order-add-line{display:flex;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3)}.order-add-line__qty{flex:0 0 90px;margin:0}.order-add-line__picker{flex:1 1 240px;margin:0;min-width:240px}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4);border:1px solid transparent}.banner--danger{background:var(--color-danger-light);color:var(--color-danger);border-color:var(--color-danger)}.banner--info{background:var(--color-info-light);color:var(--color-text-primary);border-color:var(--color-info)}.banner--warning{background:var(--color-warning-light);color:var(--color-text-primary);border-color:var(--color-warning)}.table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table thead th{text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg);white-space:nowrap}.table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr.row-clickable{cursor:pointer;transition:background var(--transition-fast)}.table tbody tr.row-clickable:hover{background:var(--color-accent-light)}.table tbody tr.row-inactive td{color:var(--color-text-secondary)}.pill{display:inline-block;padding:2px var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);border:1px solid transparent}.pill--active{background:var(--color-success-light);color:var(--color-success);border-color:var(--color-success)}.pill--inactive{background:var(--color-bg);color:var(--color-text-secondary);border-color:var(--color-border-strong)}.modal-tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.modal-tab{padding:var(--space-2) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:-1px}.modal-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.sku-picker__dropdown{border-top:none}.sku-picker__option{display:flex;flex-direction:column;gap:2px;width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;cursor:pointer;text-align:left}.sku-picker__option:hover{background:var(--color-bg-hover, var(--color-bg))}.sku-picker__sku{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.sku-picker__desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.sku-picker__empty{padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pricing-section__header{display:flex;align-items:center;margin-bottom:var(--space-4)}.pricing-section__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.pricing-section__loading,.pricing-section__empty{color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-4) 0}.form-field__static{font-size:var(--font-size-sm);padding:var(--space-1) 0;color:var(--color-text-primary, var(--color-text-secondary))}