:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaf1f9;background:#07101d;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 75% -15%,#213753 0,#0a1728 35%,#07101d 75%)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #8ec5ff;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}.app-shell{max-width:1480px;margin:0 auto;padding:28px 32px}.eyebrow{letter-spacing:.13em;font-size:11px;font-weight:800;color:#86bfff}h1{margin:6px 0;font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-.035em}h2{margin:0;font-size:18px;letter-spacing:-.012em}p{line-height:1.5}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.topbar p,.panel-head p,.overview p{margin:6px 0 0;color:#a4b5ca;font-size:14px}.account-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}.connection{border:1px solid #2b4a64;border-radius:999px;padding:9px 14px;color:#b4d8ed;font-size:13px;background:#102638}.text-button{color:#c4ddf5;border:1px solid #335374;background:#142b46;border-radius:9px;padding:10px 13px;font-weight:650}.text-button:hover:not(:disabled){background:#1c3a5c}.error-banner,.notice-banner{border-radius:10px;padding:12px 16px;margin:0 0 18px;font-size:14px}.error-banner{background:#3b1c27;border:1px solid #99475a;color:#ffd5dd}.notice-banner{background:#12362e;border:1px solid #398473;color:#c5f7e9}.overview{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;margin-bottom:16px;border:1px solid #2a4d69;border-radius:18px;background:linear-gradient(115deg,#12314a,#0b1d31)}.overview h2{font-size:23px;margin-top:5px}.demo-shortcut{display:inline-block;margin-top:10px;color:#b9ddff;font-size:13px;font-weight:700;text-underline-offset:3px}.demo-shortcut:focus-visible{outline:2px solid #8ec5ff;outline-offset:3px}.overview-summary{color:#d5ebff;background:#1a4362;border:1px solid #39769b;padding:12px 16px;border-radius:12px;font-weight:750;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.stat-card{border:1px solid #2a405b;background:#102036;border-radius:14px;padding:17px 20px;min-height:110px}.stat-card.danger{border-color:#6d3d4b}.stat-card.warning{border-color:#755b31}.stat-card.success{border-color:#326750}.stat-label{color:#a8bdd2;font-size:13px}.stat-value{margin-top:7px;font-size:39px;font-weight:800;letter-spacing:-.04em}.layout-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.85fr);align-items:start;gap:16px}.side-stack{display:grid;gap:16px}.panel{border:1px solid #2a405b;background:#0c1a2d;border-radius:16px;overflow:hidden;box-shadow:0 14px 42px #02081266}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid #203249}.panel-head.compact{padding:17px 19px}.panel-head h2{font-size:17px}.segmented{display:flex;padding:3px;border:1px solid #2b4059;border-radius:10px;background:#081526;white-space:nowrap}.segmented button{border:0;background:transparent;color:#a6b9ce;padding:8px 10px;border-radius:7px;font-size:12px;font-weight:700}.segmented button.active{background:#244363;color:#fff}.alert-list{min-height:250px;max-height:770px;overflow:auto}.alert-row{border-bottom:1px solid #203249}.alert-row:last-child{border-bottom:0}.alert-summary{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:start;padding:18px 20px;list-style:none;cursor:pointer}.alert-summary::-webkit-details-marker{display:none}.alert-summary:hover,.alert-row[open] .alert-summary{background:#11253c}.alert-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#ffafbd;background:#4e2c38;font-weight:850}.alert-icon.warning{color:#ffe0a0;background:#4a3b21}.alert-icon.info{color:#a7dcff;background:#20415a}.alert-main{display:block;min-width:0}.alert-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#afc3da;font-size:11px}.alert-title,.alert-message,.alert-time{display:block}.alert-title{font-size:16px;margin-top:8px}.alert-message{margin-top:4px;color:#cfdaea;font-size:13px;line-height:1.5}.alert-time{margin-top:8px;color:#9bb0c9;font-size:12px}.pill,.status-pill,.rule-state{display:inline-flex;align-items:center;border-radius:999px;font-size:11px;font-weight:750;padding:5px 9px;white-space:nowrap}.pill.critical{color:#ffc6d1;background:#562839}.pill.warning{color:#ffe1a1;background:#51401e}.pill.info{color:#b2e3ff;background:#20445f}.status-pill.open{color:#c1e1ff;background:#204f76}.status-pill.resolved{color:#c3f0d8;background:#265b46}.alert-detail{margin:0 20px 18px 68px;padding:14px 17px;border:1px solid #2b4863;border-radius:10px;background:#0b1e32;color:#d5e4f2;font-size:13px}.alert-detail p{margin:5px 0}.alert-detail strong{color:#fff}.detail-note{color:#9eb1c6;font-size:12px;margin-top:12px!important}.empty{display:grid;gap:6px;padding:55px 20px;color:#a8bdd2;text-align:center}.empty strong{color:#d7e6f5;font-size:17px}.rules-list{padding:3px 0}.rule-row{display:flex;justify-content:space-between;align-items:start;gap:10px;padding:13px 17px;border-bottom:1px solid #203249}.rule-row:last-child{border:0}.rule-row strong,.rule-row span{display:block}.rule-row strong{font-size:13px}.rule-row div>span{margin-top:4px;color:#9fb3c9;font-size:11px;line-height:1.4}.rule-state{color:#b8e8d4;background:#225441}.rule-state.off{color:#aebdca;background:#263444}.demo-panel{border:1px dashed #7a689f;background:#151d33}.demo-panel .eyebrow{color:#d4b9ff;margin-bottom:7px}.demo-step{display:flex;align-items:center;gap:10px;padding:10px 16px;color:#dbe6f5;font-size:13px}.demo-step>span:first-child{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#55427a;font-size:11px;font-weight:800}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:1px 16px 7px 50px}.demo-action{min-height:48px;border:1px solid #46587b;border-radius:9px;background:#1c2e48;color:#edf2ff;padding:9px 11px;text-align:left;font-size:12px;font-weight:650}.demo-action:hover:not(:disabled){background:#2a4467}.run-button,.resolve-button{border:0;border-radius:9px;padding:10px 13px;font-weight:750;font-size:12px}.run-button{background:#2d6aa5;color:#fff}.resolve-button{background:#317656;color:#fff}.demo-hint{color:#b8c8dc;font-size:12px;margin:1px 18px 18px 50px}footer{display:flex;justify-content:space-between;gap:12px;padding:18px 3px 0;color:#8ca1ba;font-size:11px}.login-shell{min-height:100vh;display:grid;place-items:center}.login-panel{width:min(450px,100%);padding:32px}.login-intro{color:#b3c5d9;font-size:14px;margin:13px 0 0}.login-panel form{display:grid;gap:17px;margin-top:24px}.login-panel label{display:grid;gap:7px;font-weight:650;font-size:13px}.login-panel input{width:100%;border:1px solid #526a86;background:#101f32;color:#fff;border-radius:9px;padding:11px 12px}.login-panel button{width:100%;margin-top:2px}@media (max-width: 1100px){.layout-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.panel-head{flex-wrap:wrap}}@media (max-width: 760px){.app-shell{padding:20px}.topbar,.overview{align-items:start;flex-direction:column}.overview-summary{white-space:normal}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.side-stack{grid-template-columns:1fr}.alert-summary{grid-template-columns:32px minmax(0,1fr)}.status-pill{grid-column:2;justify-self:start}.alert-detail{margin-left:20px}}@media (max-width: 470px){.app-shell{padding:14px}.panel-head{padding:15px}.segmented{width:100%}.segmented button{flex:1;padding:8px 4px}.demo-grid{grid-template-columns:1fr}.stat-card{padding:13px;min-height:88px}.stat-value{font-size:31px}}.primary-nav{display:flex;gap:6px;padding:5px;width:max-content;max-width:100%;margin:0 0 20px;border:1px solid #2b4059;border-radius:12px;background:#0b1b2e}.primary-nav a{color:#adbed1;text-decoration:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:750}.primary-nav a.active{background:#244363;color:#fff}.primary-nav a:focus-visible{outline:2px solid #8ec5ff;outline-offset:2px}.label-page-intro{margin:0 0 20px}.label-page-intro h2{font-size:clamp(24px,3vw,34px);margin:6px 0}.label-page-intro p{color:#a4b5ca;margin:0}.label-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:22px;align-items:start}.label-preview-side{min-width:0}.label-settings-side{min-width:0;display:grid;gap:18px}.zpl-config .panel-head{padding:20px}.zpl-config-body{display:grid;gap:14px;padding:20px}.zpl-config-body label{display:grid;gap:6px;font-size:13px;font-weight:650}.zpl-config-body input,.zpl-config-body select{width:100%;min-height:39px;padding:9px 11px;border:1px solid #526a86;border-radius:9px;color:#fff;background:#101f32}.zpl-specs{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.zpl-specs div{padding:9px;border:1px solid #334e69;border-radius:8px;min-width:0}.zpl-specs dt{color:#a4b5ca;font-size:11px}.zpl-specs dd{margin:3px 0 0;font-size:12px;font-weight:750}.zpl-actions{display:flex;flex-wrap:wrap;gap:8px}.zpl-actions button{font-size:12px}.zpl-source{width:100%;box-sizing:border-box;min-height:230px;resize:vertical;border:1px solid #526a86;border-radius:8px;padding:12px;color:#dcebf8;background:#071321;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;overflow:auto}.label-stage{border:1px solid #2a405b;border-radius:16px;background:#0c1a2d;overflow:hidden}.label-stage-head{display:flex;justify-content:space-between;gap:12px;padding:17px 20px;color:#cbd9e8;font-size:13px;font-weight:750;border-bottom:1px solid #203249;text-transform:uppercase;letter-spacing:.05em}.label-canvas{display:grid;place-items:center;min-height:380px;padding:26px 16px;overflow:auto;background:#132439}.label-sheet{width:var(--label-width);height:var(--label-height);flex:none;color:#101820;background:#fff;border:1px solid #d9e0e5;box-shadow:0 12px 30px #0006;font-family:Arial,Helvetica,sans-serif;padding:3mm;display:grid;gap:1mm;overflow:hidden;line-height:1.1}.label-sheet *{box-sizing:border-box;min-width:0}.label-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:11pt;line-height:1.08}.label-sku{display:block;font-size:7pt;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.8mm}.label-facts{display:flex;gap:3mm}.label-facts>div{display:grid;min-width:0}.label-facts small{font-size:5pt;font-weight:700;color:#4b5560}.label-facts strong{font-size:8pt;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-dates{display:flex;gap:2mm;font-size:5.5pt;white-space:nowrap}.label-codes{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(0,1fr);gap:2mm;min-height:0;align-items:center}.label-codes img{width:100%;height:100%;object-fit:contain;display:block}.label-ean,.label-2d{display:grid;place-items:center;min-height:0;height:100%;overflow:hidden;font-size:6pt;text-align:center}.label-ean{display:flex;flex-direction:column;justify-content:center}.label-ean img{flex:1 1 auto;height:0;min-height:0;object-fit:fill}.label-ean-digits{flex:none;font-size:6pt;line-height:1;letter-spacing:.12em;white-space:nowrap}.label-2d{display:flex;align-items:center;justify-content:center;padding:1mm;background:#fff}.label-2d img{width:auto;height:100%;max-width:100%;max-height:100%;aspect-ratio:1;object-fit:contain}.label-warehouse{grid-template-rows:auto auto auto minmax(0,1fr)}.label-warehouse .label-codes{min-height:0;height:16mm;max-height:16mm}.label-product{padding:2mm;grid-template-columns:minmax(0,1fr) 12mm;grid-template-rows:auto auto auto minmax(0,1fr);gap:.5mm 1mm}.label-product .label-identity{grid-column:1}.label-product .label-name{font-size:8pt;-webkit-line-clamp:1}.label-product .label-sku{font-size:6pt}.label-product .label-facts{grid-column:1;gap:1mm}.label-product .label-facts strong{font-size:6.5pt}.label-product .label-dates{grid-column:1;flex-wrap:wrap;font-size:4.7pt}.label-product .label-codes{display:contents}.label-product .label-ean{grid-column:1;grid-row:4;height:16mm;align-self:start}.label-product .label-2d{grid-column:2;grid-row:1 / 5;align-self:center;height:12mm}.label-pallet{padding:4mm;grid-template-columns:minmax(0,1fr) 42mm;grid-template-rows:auto auto auto minmax(0,1fr);gap:2mm 3mm}.label-pallet .label-name{font-size:18pt}.label-pallet .label-sku{font-size:11pt}.label-pallet .label-facts{grid-column:1;display:grid;gap:2mm}.label-pallet .label-facts small{font-size:8pt}.label-pallet .label-facts strong{font-size:16pt}.label-pallet .label-dates{grid-column:1;flex-direction:column;font-size:8pt}.label-pallet .label-codes{display:contents}.label-pallet .label-ean{grid-column:1;grid-row:4}.label-pallet .label-2d{grid-column:2;grid-row:1 / 5;height:40mm;align-self:center}.label-output-actions{display:flex;gap:10px;margin-top:16px}.label-output-actions button{font-size:14px;min-width:126px}.label-print-note{color:#a4b5ca;font-size:12px}.label-config .panel-head{padding:20px}.label-form{display:grid;gap:14px;padding:20px}.label-form label{display:grid;gap:6px;font-size:13px;font-weight:650}.label-form input:not([type=radio]),.label-form select{width:100%;min-height:39px;padding:9px 11px;border:1px solid #526a86;border-radius:9px;color:#fff;background:#101f32}.label-form input:focus-visible,.label-form select:focus-visible{outline:2px solid #8ec5ff}.label-form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.label-error{color:#ffb8c4;font-size:12px}.label-valid{color:#a6e9c5;font-size:12px}.label-help{color:#b5c5d8;font-size:12px}.label-code-choice{display:flex;gap:18px;border:1px solid #334e69;border-radius:9px;padding:10px 12px 12px}.label-code-choice legend{padding:0 5px;font-size:13px;font-weight:750}.label-code-choice label{display:flex;align-items:center;gap:6px}.label-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}@media (max-width:1050px){.label-workspace{grid-template-columns:1fr}}@media (max-width:500px){.label-canvas{justify-content:start}.label-form-two{grid-template-columns:1fr}.label-code-choice{flex-wrap:wrap}}@media print{html,body,#root,.app-shell,main,.label-page,.label-workspace,.label-preview-side,.label-stage,.label-canvas{margin:0!important;padding:0!important;width:auto!important;height:auto!important;min-height:0!important;max-width:none!important;overflow:visible!important;background:#fff!important;border:0!important;box-shadow:none!important;display:block!important}.topbar,.primary-nav,.label-page-intro,.label-stage-head,.label-settings-side,.label-output-actions,.label-print-note,footer,.label-error{display:none!important}.label-sheet{margin:0!important;width:var(--label-width)!important;height:var(--label-height)!important;box-shadow:none!important;border:0!important;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact;display:grid!important}}