:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cbc-color-nav:#14242d;--cbc-color-nav-deep:#0d1c25;--cbc-color-canvas:#edf2f5;--cbc-color-surface:#fff;--cbc-color-surface-muted:#f7f9fa;--cbc-color-text:#0c1c29;--cbc-color-muted:#5f7889;--cbc-color-line:#cdd8df;--cbc-color-line-strong:#9fb2bd;--cbc-color-accent:#159bd1;--cbc-color-accent-strong:#087cab;--cbc-color-success:#16885f;--cbc-color-warning:#a86808;--cbc-color-danger:#a62d2d;--cbc-font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Arial, sans-serif;--cbc-font-mono:"Cascadia Mono", Consolas, monospace;--cbc-space-1:4px;--cbc-space-2:8px;--cbc-space-3:12px;--cbc-space-4:16px;--cbc-space-5:20px;--cbc-space-6:24px;--cbc-space-8:32px;--cbc-border:1px solid var(--cbc-color-line);--cbc-radius-control:0px;--cbc-radius-surface:0px;--cbc-control-sm:32px;--cbc-control-md:38px;--cbc-control-lg:44px;--cbc-sidebar-width:224px;--cbc-header-height:78px;--cbc-z-header:20;--cbc-z-sidebar:30;--cbc-z-popover:40;--cbc-z-modal:60;--cbc-motion-fast:.12s;--cbc-motion-normal:.2s;--cbc-breakpoint-mobile:760px;--cbc-breakpoint-compact:1100px}[dir=rtl]{--cbc-inline-direction:-1}@media (prefers-reduced-motion:reduce){:root{--cbc-motion-fast:0s;--cbc-motion-normal:0s}}
[data-cbc-ui-version="1.0.0"]{--nav:var(--cbc-color-nav);--nav2:var(--cbc-color-nav-deep);--blue:var(--cbc-color-accent);--cyan:var(--cbc-color-accent);--green:var(--cbc-color-success);--ink:var(--cbc-color-text);--text:var(--cbc-color-text);--muted:var(--cbc-color-muted);--line:var(--cbc-color-line);--canvas:var(--cbc-color-canvas);--soft:var(--cbc-color-canvas);--card:var(--cbc-color-surface);--radius:var(--cbc-radius-surface);--hub-navy:var(--cbc-color-nav);--hub-navy-deep:var(--cbc-color-nav-deep);--hub-line:var(--cbc-color-line);--hub-soft:var(--cbc-color-canvas);--hub-blue:var(--cbc-color-accent);--hub-green:var(--cbc-color-success);--hub-text:var(--cbc-color-text);--hub-muted:var(--cbc-color-muted)}[data-cbc-ui-version="1.0.0"] :is(button,input,select,textarea,.panel,.card,.provider,.table,.dialog,.modal form,.product-drawer,.module-tile,.metrics>div){border-radius:0!important}*,:before,:after{box-sizing:border-box}html,body{background:var(--cbc-color-canvas);min-height:100%;color:var(--cbc-color-text);font-family:var(--cbc-font-sans);margin:0}button,input,select,textarea{font:inherit;color:inherit;border-radius:var(--cbc-radius-control)}button,a,input,select,textarea,[tabindex]:not([tabindex="-1"]){-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--cbc-color-accent);outline-offset:2px}.cbc-surface,.panel,.card{background:var(--cbc-color-surface);border:var(--cbc-border);border-radius:var(--cbc-radius-surface);box-shadow:none}.cbc-button,.primary,.secondary{min-height:var(--cbc-control-md);border:var(--cbc-border);padding-inline:var(--cbc-space-4);justify-content:center;align-items:center;gap:var(--cbc-space-2);cursor:pointer;display:inline-flex}.cbc-button--primary,.primary{color:#fff;background:#587c91;border-color:#52778b}.cbc-button--secondary,.secondary{color:var(--cbc-color-text);background:#fff}.cbc-icon-button{width:var(--cbc-control-md);height:var(--cbc-control-md);border:var(--cbc-border);background:#fff;place-items:center;padding:0;display:inline-grid}.cbc-field{gap:var(--cbc-space-1);display:grid}.cbc-field>label,.cbc-label{color:#426174;font-size:12px}.cbc-input,input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:var(--cbc-control-md);border:var(--cbc-border);background:#fff;padding:7px 9px}.cbc-hint{color:var(--cbc-color-muted);font-size:11px}.cbc-error{color:var(--cbc-color-danger);font-size:11px}.cbc-status{text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.cbc-status:before{content:"";background:currentColor;width:7px;height:7px}.cbc-status--success{color:var(--cbc-color-success)}.cbc-status--warning{color:var(--cbc-color-warning)}.cbc-status--danger{color:var(--cbc-color-danger)}.cbc-table{border-collapse:collapse;border:var(--cbc-border);background:#fff;width:100%}.cbc-table th,.cbc-table td{border-bottom:var(--cbc-border);text-align:start;padding:10px 12px}.cbc-table th{letter-spacing:.08em;color:#557083;background:var(--cbc-color-surface-muted);font-size:10px}.cbc-toolbar,.cbc-actionbar{align-items:center;gap:var(--cbc-space-2);display:flex}.cbc-empty,.cbc-loading,.cbc-error-state{border:var(--cbc-border);text-align:center;min-height:240px;padding:var(--cbc-space-6);background:#fff;place-items:center;display:grid}.cbc-skeleton{background:linear-gradient(90deg,#e4eaee 25%,#f5f7f8 50%,#e4eaee 75%) 0 0/200% 100%;animation:1.2s infinite cbc-skeleton}@keyframes cbc-skeleton{to{background-position:-200% 0}}.cbc-dialog-backdrop{z-index:var(--cbc-z-modal);padding:var(--cbc-space-5);background:#071524aa;place-items:center;display:grid;position:fixed;inset:0}.cbc-dialog,.cbc-drawer{border:var(--cbc-border);box-shadow:none;background:#fff}.cbc-drawer{position:fixed;inset-block:0;inset-inline-end:0;overflow:auto}.cbc-tabs{border-bottom:var(--cbc-border);display:flex;overflow:auto}.cbc-tabs>*{min-height:var(--cbc-control-md);padding-inline:var(--cbc-space-4);border:0;border-inline-end:var(--cbc-border);background:#fff}.cbc-tabs>[aria-selected=true]{box-shadow:inset 0 -3px var(--cbc-color-accent)}.cbc-tooltip{z-index:var(--cbc-z-popover);background:var(--cbc-color-nav-deep);color:#fff;padding:6px 8px;font-size:11px;position:absolute}.cbc-sr-only,.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}[data-cbc-shell]{background:var(--cbc-color-canvas);min-height:100vh}[data-cbc-help-id]{scroll-margin-top:calc(var(--cbc-header-height) + var(--cbc-space-3))}@media (max-width:760px){.cbc-toolbar,.cbc-actionbar{flex-direction:column;align-items:stretch}.cbc-button,.primary,.secondary{min-height:var(--cbc-control-lg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
:root{--nav:#112630;--nav2:#0b1b23;--blue:#149bd3;--line:#cbd7dd;--soft:#eef3f5;--text:#102532;--muted:#66808e;--green:#17966b}*{box-sizing:border-box}body{color:var(--text);background:var(--soft);margin:0;font:13px Arial,sans-serif}button,input,select{font:inherit}.app{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#eaf4f8;border-right:1px solid #39515d;flex-direction:column;width:232px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar header{border-bottom:1px solid #39515d;align-items:center;gap:11px;height:78px;padding:14px;display:flex}.mark{border:1px solid #6d8c9b;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.sidebar header div{gap:4px;display:grid}.sidebar header b{letter-spacing:.13em;font-size:11px}.sidebar header small{color:#9fb8c5}.sidebar nav{gap:2px;padding:18px 9px;display:grid}.sidebar nav button{border:0;color:#dceaf0;text-align:start;background:0 0;border-inline-start:3px solid #0000;align-items:center;gap:12px;height:39px;padding:0 12px;display:flex}.sidebar nav button svg{width:17px}.sidebar nav button.active{color:#123747;border-inline-start-color:var(--blue);background:#e4f1f7}.sidebar footer{color:#99b4c0;border-top:1px solid #39515d;align-items:center;gap:9px;margin-top:auto;padding:16px;font-size:10px;display:flex}.sidebar footer svg{width:15px}.main{grid-column:2}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:78px;padding:0 20px;display:flex}.topbar small{letter-spacing:.14em;color:#50829b;font-size:9px}.topbar h1{margin:5px 0 0;font-size:20px}.locale{border:1px solid var(--line);align-items:center;height:36px;padding:0 8px;display:flex}.locale svg{width:16px}.locale select{background:0 0;border:0}.content{max-width:1700px;margin:auto;padding:14px}.toolbar{gap:10px;display:flex}.toolbar label{border:1px solid var(--line);background:#fff;flex:1;align-items:center;gap:9px;height:42px;padding:0 12px;display:flex}.toolbar svg{color:#4d829b;width:18px}.toolbar input{border:0;outline:0;width:100%}.primary,.batch button{color:#fff;background:#547c91;border:1px solid #547c91;align-items:center;gap:8px;padding:0 16px;display:flex}.primary svg,.batch svg{width:16px}.filters{border:1px solid var(--line);background:#fff;margin-top:10px;display:flex}.filters button{border:0;border-inline-end:1px solid var(--line);background:#fff;height:39px;padding:0 18px}.filters .on{box-shadow:inset 0 -3px var(--blue);color:#087fae}.filters b{margin-inline-start:5px}.batch{color:#fff;background:#173b4a;align-items:center;gap:9px;min-height:50px;margin-top:10px;padding:8px 12px;display:flex}.batch strong{margin-inline-end:auto}.batch button{background:0 0;border-color:#7597a6;height:34px}.table{border:1px solid var(--line);background:#fff;margin-top:10px;overflow:auto}.tr{border-bottom:1px solid #e1e8ec;grid-template-columns:44px 1.5fr .8fr 1fr .6fr .5fr .6fr;align-items:center;min-width:900px;min-height:56px;display:grid}.tr>*{padding:10px 12px}.tr.head{color:#58717e;letter-spacing:.08em;background:#f7fafb;min-height:42px;font-size:10px}.tr code{font-family:Consolas,monospace}.tr em{text-transform:uppercase;font-size:10px;font-style:normal}.tr em.active{color:var(--green)}.tr em.draft{color:#96730c}.empty{text-align:center;color:var(--muted);padding:60px}.placeholder{border:1px solid var(--line);text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.placeholder>svg{color:#4385a2;width:44px}.placeholder small{color:#5c8498;letter-spacing:.13em;margin-top:18px}.placeholder h2{margin:8px;font-size:25px}.placeholder p{color:var(--muted)}.mobile{display:none}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}[dir=rtl] .sidebar{border-left:1px solid #39515d;border-right:0;inset:0 0 0 auto}[dir=rtl].app{grid-template-columns:1fr 232px}[dir=rtl] .main{grid-column:1}@media (max-width:760px){.app{display:block}.sidebar{display:none}.main{grid-column:auto}.topbar{padding:0 12px}.mobile{border:1px solid var(--line);background:#fff;width:38px;height:38px;display:block}.toolbar{flex-direction:column}.primary{justify-content:center;height:42px}.filters{overflow:auto}.batch{flex-wrap:wrap;align-items:stretch}.batch strong{width:100%}.batch button{flex:1}.content{padding:9px}}
.notice{background:#fff7d6;border:1px solid #d9bd54;padding:12px}.panel{border:1px solid var(--line);background:#fff;min-height:420px;padding:30px}.panel>svg{color:#4385a2;width:40px}.panel form,.panel label{gap:8px;max-width:720px;display:grid}.panel form{grid-template-columns:1fr auto}.panel input,.dialog input{border:1px solid var(--line);height:42px;padding:0 12px}.panel pre{white-space:pre-wrap;background:#f4f7f8;max-height:380px;padding:16px;overflow:auto}.dialog{z-index:10;background:#10253288;place-items:center;display:grid;position:fixed;inset:0}.dialog form{border:1px solid var(--line);background:#fff;gap:14px;width:min(520px,100% - 24px);padding:24px;display:grid}.dialog label{gap:6px;display:grid}.dialog footer{justify-content:flex-end;gap:8px;display:flex}.dialog footer button{height:40px;padding:0 16px}.mobile-nav{display:none}.mobile-nav select{border:1px solid var(--line);background:#fff;max-width:130px;height:36px}@media (max-width:760px){.mobile-nav{display:block}.topbar{gap:6px}.topbar>div{min-width:0}.topbar h1{white-space:nowrap;text-overflow:ellipsis;max-width:110px;overflow:hidden}.locale{padding:0 4px}}.drawer-backdrop{z-index:30;background:#10253266;justify-content:flex-end;display:flex;position:fixed;inset:0}.product-drawer{border-left:1px solid var(--line);background:#f5f8f9;width:min(820px,100vw - 260px);height:100vh;overflow:auto;box-shadow:-12px 0 30px #10253224}.product-drawer form{flex-direction:column;min-height:100%;display:flex}.product-drawer header{z-index:2;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:flex-start;padding:22px 26px;display:flex;position:sticky;top:0}.product-drawer header small{color:#4385a2;letter-spacing:.13em}.product-drawer h2{margin:6px 0 0;font-size:25px}.product-drawer header button{color:#55717e;background:0 0;border:0;font-size:30px;line-height:1}.form-error{color:#8b2020;background:#fff0f0;border:1px solid #d69595;margin:16px 26px 0;padding:12px}.form-section{border:1px solid var(--line);background:#fff;margin:16px 26px 0;padding:20px}.form-section h3{margin:0 0 16px;font-size:14px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid label,.upload{color:#385563;gap:7px;font-weight:600;display:grid}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);width:100%;min-height:42px;color:var(--text);background:#fff;padding:9px 11px}.form-grid textarea{resize:vertical}.form-grid small,.upload small{color:var(--muted);font-weight:400}.form-grid .wide{grid-column:1/-1}.compound{grid-template-columns:1fr 92px;display:grid}.compound select{border-left:0}.form-grid .check{align-items:center;gap:9px;min-height:42px;display:flex}.form-grid .check input{width:17px;min-height:17px}.upload{cursor:pointer;border:1px dashed #7d9aaa;padding:16px}.upload input{opacity:0;width:1px;height:1px;position:absolute}.upload span{color:#087fae}.image-preview{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px;display:grid}.image-preview figure{border:1px solid var(--line);background:#fff;margin:0}.image-preview img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.image-preview figcaption{text-align:center;padding:7px;font-size:11px}.product-drawer footer{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;gap:10px;margin-top:auto;padding:16px 26px;display:flex;position:sticky;bottom:0}.product-drawer footer button{min-height:42px;padding:0 18px}.product-drawer footer button:not(.primary){border:1px solid var(--line);background:#fff}.product-drawer button:disabled{opacity:.6}.import-actions{align-items:center;gap:12px;margin:20px 0;display:flex}.import-actions .primary,.import-run{min-height:42px}.file-picker{border:1px solid var(--line);cursor:pointer;background:#fff;padding:12px 16px}.file-picker input{opacity:0;width:1px;height:1px;position:absolute}.import-summary{border:1px solid var(--line);background:#eef6f9;flex-wrap:wrap;gap:18px;padding:14px;display:flex}.import-preview{border:1px solid var(--line);margin:12px 0;overflow:auto}.import-preview table{border-collapse:collapse;white-space:nowrap;min-width:100%}.import-preview th,.import-preview td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;padding:9px 12px}.import-preview th{background:#f4f7f8}.import-run{margin-top:4px}@media (max-width:900px){.product-drawer{width:100vw}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.image-preview{grid-template-columns:repeat(3,1fr)}}.scanner-panel{gap:18px;display:grid}.scanner-heading{grid-template-columns:44px 1fr auto;align-items:start;gap:14px;display:grid}.scanner-heading>svg{color:#4385a2;width:40px}.scanner-heading small{color:#4385a2;letter-spacing:.12em}.scanner-heading h2{margin:5px 0}.scanner-heading p{color:var(--muted);margin:0}.scanner-state{border:1px solid var(--line);letter-spacing:.08em;padding:8px 10px;font-size:10px}.scanner-state.success{color:#087a55;background:#eaf9f3;border-color:#62bd9a}.scanner-state.unknown{color:#7c5d00;background:#fff8dc;border-color:#d6b24a}.scanner-state.error{color:#8b2020;background:#fff0f0;border-color:#d69595}.scan-product{border-left:4px solid var(--green);background:#edf9f5;grid-template-columns:1.5fr 1fr 1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.scan-product em{color:var(--green);font-style:normal}.scan-product small{color:var(--muted);grid-column:1/-1}.scan-history{border-top:1px solid var(--line);padding-top:10px}.scan-history>div{border-bottom:1px solid #e1e8ec;grid-template-columns:55px 180px 1fr;gap:10px;padding:9px;display:grid}.scan-history .success{border-left:3px solid var(--green)}.scan-history .unknown{border-left:3px solid #d6b24a}.scan-history .error{border-left:3px solid #c75151}.settings-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.scanner-test-ok{color:#087a55;background:#eaf9f3;border:1px solid #62bd9a;gap:5px;margin-top:16px;padding:16px;display:grid}.scanner-test details{margin-top:18px}.scanner-test li{margin:7px 0}@media (max-width:900px){.settings-grid{grid-template-columns:1fr}.scanner-heading{grid-template-columns:40px 1fr}.scanner-state{grid-column:1/-1}.scan-product{grid-template-columns:1fr}.scan-history>div{grid-template-columns:50px 1fr}.scan-history>div span{grid-column:1/-1}}
