:root{--color-navy: #081a2c;--color-steel-dark: #18283a;--color-steel: #42556a;--color-primary: #1e65b5;--color-primary-hover: #174e8d;--color-primary-soft: #eaf3fc;--color-accent-orange: #f47a16;--color-accent-green: #61a60e;--color-surface: #f3f6f9;--color-panel: #ffffff;--color-border: #b7c2cd;--color-border-soft: #d8e1ea;--color-text: #102235;--color-text-muted: #526579;--color-success: #2f6f3f;--color-success-soft: #f1f8f2;--color-error: #a93d35;--color-error-soft: #fff8f7;--shadow-panel: 0 10px 26px rgb(16 34 53 / 8%);--shadow-panel-strong: 0 14px 32px rgb(16 34 53 / 13%);color:var(--color-text);background:var(--color-surface);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:1px solid var(--color-border);border-radius:8px;background:var(--color-panel);color:var(--color-text);cursor:pointer;font-weight:700;padding:.8rem 1rem;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}button:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 6px 16px #152d421f;transform:translateY(-1px)}button:disabled{cursor:not-allowed;background:#edf2f6;color:#6b7c8c;opacity:1}button:focus-visible,input:focus-visible,.file-button:focus-within{outline:3px solid var(--color-primary);outline-offset:3px}.app-header{position:relative;background:linear-gradient(135deg,var(--color-navy) 0%,#0d2034 48%,var(--color-steel-dark) 100%);color:var(--color-panel);padding:1rem 1.25rem 1.05rem;border-bottom:0}.app-header:after{position:absolute;right:0;bottom:0;left:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary) 86%,var(--color-accent-orange) 86%,var(--color-accent-orange) 93%,var(--color-accent-green) 93%,var(--color-accent-green) 100%);content:""}.header-inner,.app-shell{max-width:1160px;margin:0 auto}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:156px;gap:clamp(1.5rem,5vw,4rem)}.logo-lockup{display:flex;align-items:center}.app-logo{display:block;width:clamp(360px,33vw,440px);height:auto;object-fit:contain;filter:drop-shadow(0 7px 13px rgb(0 0 0 / 38%)) drop-shadow(0 0 10px rgb(66 85 106 / 20%))}.header-status{display:grid;justify-items:start;gap:.42rem;flex:0 1 420px;max-width:420px;text-align:left}.eyebrow{display:inline-flex;margin:0;padding:.32rem .72rem;border:1px solid rgb(255 255 255 / 28%);border-radius:999px;background:#1e65b547;color:#f4f9ff;font-size:.78rem;font-weight:800}h2,p{margin-top:0}.header-subtitle{margin:0;color:var(--color-panel);font-size:clamp(1.25rem,2vw,1.65rem);font-weight:900;line-height:1.1}.supporting-line{margin-bottom:0;color:#d7e1ea;font-weight:700;line-height:1.35}.app-shell{padding:1.25rem 1.25rem 2.25rem}.workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.workflow-step{display:flex;gap:.75rem;align-items:center;min-width:0;padding:.78rem .85rem;border:1px solid var(--color-border-soft);border-radius:8px;background:var(--color-panel)}.workflow-step.active{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:inset 0 0 0 1px var(--color-primary)}.workflow-step.complete{border-color:var(--color-success);background:var(--color-success-soft)}.step-icon{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:50%;background:#e8eef4;color:var(--color-steel-dark);font-weight:900}.workflow-step.active .step-icon{background:var(--color-primary);color:var(--color-panel)}.workflow-step.complete .step-icon{background:var(--color-success);color:var(--color-panel)}.step-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.workflow-step strong,.workflow-step small{display:block}.workflow-step small{color:var(--color-text-muted);font-weight:700}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:1.25rem;align-items:start}.primary-column,.secondary-column{display:grid;gap:1rem}.drop-zone,.security-notice,.status-panel,.action-bar{border:1px solid var(--color-border-soft);border-radius:12px;background:var(--color-panel);box-shadow:var(--shadow-panel)}.drop-zone{display:grid;justify-items:center;gap:1rem;min-height:345px;padding:1.9rem;border-style:dashed;text-align:center;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.drop-zone.dragging{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:0 16px 36px #1e65b529}.drop-zone.reading{background:#f8fbfd}.drop-zone.ready{border-color:var(--color-success);background:var(--color-success-soft)}.drop-zone.error{border-color:var(--color-error)}.drop-zone-icon{display:grid;width:90px;height:90px;place-items:center;border-radius:24px;background:var(--color-primary-soft);color:var(--color-primary)}.drop-zone-icon svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25}.drop-zone h2{margin-bottom:.45rem;color:var(--color-navy);font-size:1.85rem}.drop-zone p{max-width:540px;margin-bottom:0;color:var(--color-text-muted);font-size:1rem}.file-button{position:relative;display:inline-flex;min-width:155px;justify-content:center;border:1px solid var(--color-primary);border-radius:8px;background:var(--color-primary);color:var(--color-panel);cursor:pointer;font-weight:800;padding:.85rem 1.2rem;transition:background-color .14s ease,transform .14s ease,box-shadow .14s ease}.file-button:hover{background:var(--color-primary-hover);box-shadow:0 8px 18px #1e65b538;transform:translateY(-1px)}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.file-rule{color:var(--color-text-muted);font-weight:700}.reading-indicator{color:var(--color-primary);font-weight:800}.security-notice{display:flex;gap:.9rem;padding:1.1rem;border-color:#c9d9e8;background:#f6fbff}.notice-icon{flex:0 0 42px;color:var(--color-primary)}.notice-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.security-notice h2,.status-panel h2{margin-bottom:.4rem;color:var(--color-navy);font-size:1.15rem}.security-notice p,.status-panel p{margin-bottom:0;color:var(--color-text-muted)}.status-panel{padding:1.1rem}.status-kicker{margin-bottom:.35rem;color:var(--color-primary);font-size:.78rem;font-weight:900;text-transform:uppercase}.error-panel{border-color:#d79b95;background:var(--color-error-soft)}.error-panel .status-kicker{color:var(--color-error)}.success-panel{border-color:#aacbb3;background:#fbfefb}.success-panel .status-kicker{color:var(--color-success)}.metadata-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0}.metadata-grid div{min-width:0;padding:.75rem;border:1px solid #dde6ee;border-radius:8px;background:#f8fafc}.metadata-grid dt{color:var(--color-text-muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.metadata-grid dd{overflow-wrap:anywhere;margin:.25rem 0 0;color:var(--color-text);font-weight:800}.confirmation-list{display:grid;gap:.4rem;margin:0;padding-left:1.15rem;color:var(--color-steel-dark)}.muted{margin-top:.8rem;color:var(--color-text-muted)}.action-bar{display:flex;gap:.75rem;align-items:center;justify-content:space-between;padding:1rem}.action-bar div{display:grid;gap:.35rem}.action-bar p{margin:0;color:var(--color-text-muted);font-size:.88rem}.primary-action{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-panel)}.primary-action:hover:not(:disabled){border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.action-bar>button:not(:disabled):nth-of-type(1){border-color:var(--color-navy);background:var(--color-navy);color:var(--color-panel)}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:820px){.workflow,.workspace-grid{grid-template-columns:1fr}.header-inner{flex-direction:column;justify-content:center;min-height:0;gap:.75rem;text-align:center}.app-logo{width:min(340px,88vw)}.header-status{justify-items:center;max-width:430px;text-align:center}.drop-zone{min-height:330px;padding:1.5rem}.action-bar{align-items:stretch;flex-direction:column}.action-bar button,.action-bar div,.file-button{width:100%}}@media(max-width:460px){.app-header{padding:.75rem 1rem .9rem}.app-shell{padding:1rem}.app-logo{width:min(300px,86vw)}.header-subtitle{font-size:1.15rem}.drop-zone h2{font-size:1.45rem}.metadata-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.preview-shell{display:grid;gap:1rem}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--color-border-soft);border-radius:12px;background:var(--color-panel);box-shadow:var(--shadow-panel)}.preview-toolbar h2{margin-bottom:0}.preview-toolbar h2:focus-visible{outline:3px solid #1c8fa2;outline-offset:4px}.preview-toolbar>p{margin:0;color:var(--color-primary);font-weight:900}.generation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.generation-summary div{padding:.9rem;border:1px solid var(--color-border-soft);border-radius:8px;background:var(--color-panel)}.generation-summary span,.generation-summary strong{display:block}.generation-summary span{color:var(--color-navy);font-size:1.6rem;font-weight:900}.generation-summary strong{color:var(--color-text-muted);font-size:.82rem;text-transform:uppercase}.print-document{display:grid;gap:1.25rem}.preview-page{overflow:hidden;width:100%;border:1px solid var(--color-border);border-radius:8px;background:var(--color-panel);box-shadow:var(--shadow-panel-strong)}.print-page-header,.pallet-key-header{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.45rem .6rem;border-bottom:2px solid var(--color-steel-dark);background:#fff}.print-brand-block{display:grid;gap:.18rem;align-items:center}.print-logo{display:block;width:1.55in;max-width:168px;height:auto;object-fit:contain}.route-title-block{min-width:0;flex:1 1 auto}.print-page-header p,.pallet-key-header p{margin:0 0 .1rem;color:var(--color-text-muted);font-weight:800}.print-page-header h3,.pallet-key-header h3{margin:0;color:var(--color-navy);font-size:1rem}.route-title-block p,.route-summary{margin:0;color:var(--color-steel-dark);font-weight:800}.route-summary{flex:0 0 auto;text-align:right}.pull-sheet-table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;font-size:.68rem;line-height:1.15}.pull-sheet-table col,.pull-sheet-table th,.pull-sheet-table td{min-width:0;max-width:100%;box-sizing:border-box}.pull-sheet-table th,.pull-sheet-table td{border:1px solid var(--color-steel);padding:.16rem .22rem}.pull-sheet-table .header-cell{background:#f2f2f2;color:#111;font-weight:900;overflow:hidden;padding:.13rem .18rem;text-align:center;vertical-align:middle;white-space:normal;overflow-wrap:normal;word-break:normal;line-height:1.05;border-color:#111;border-bottom-width:2px}.pull-sheet-table .body-cell{background:#fff;color:#111;overflow:hidden;text-overflow:clip;vertical-align:middle}.pull-sheet-table tbody tr.first-stop-row td{border-top:2px solid var(--color-steel-dark)}.pull-sheet-table tbody tr.first-key-group-row td{border-top:2px solid #2a2a2a}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.column-stopDisplay,.column-keyDesignation{font-weight:900}.pull-sheet-table tbody .column-stopDisplay{background:var(--stop-primary);color:var(--stop-fg);font-size:.82rem;text-align:center;-webkit-print-color-adjust:exact;print-color-adjust:exact}.pull-sheet-table tbody .column-keyDesignation{color:#111;font-size:.9rem;text-align:center}.wrap-nowrap{overflow-wrap:normal;white-space:nowrap;word-break:normal}.wrap-description{overflow-wrap:anywhere;white-space:normal;word-break:normal}.pull-sheet-table .stop-banner-cell{padding:.28rem .4rem;border-top:3px solid #000000;border-bottom:2px solid #000000;background:var(--stop-primary);color:var(--stop-fg);font-weight:900;letter-spacing:0;text-align:left;vertical-align:middle;overflow-wrap:normal;word-break:normal;-webkit-print-color-adjust:exact;print-color-adjust:exact}.stop-color-1{--stop-primary: #236c92;--stop-fg: #ffffff;--key-shade-1: #174b66;--key-fg-1: #ffffff;--key-shade-2: #2f789d;--key-fg-2: #ffffff;--key-shade-3: #6fa6bf;--key-fg-3: #111111;--key-shade-4: #9fc3d3;--key-fg-4: #111111}.stop-color-2{--stop-primary: #4f7f32;--stop-fg: #ffffff;--key-shade-1: #34591f;--key-fg-1: #ffffff;--key-shade-2: #5f8d43;--key-fg-2: #ffffff;--key-shade-3: #91b27a;--key-fg-3: #111111;--key-shade-4: #bfd3b0;--key-fg-4: #111111}.stop-color-3{--stop-primary: #9a5b18;--stop-fg: #ffffff;--key-shade-1: #6d3e0d;--key-fg-1: #ffffff;--key-shade-2: #a96a24;--key-fg-2: #ffffff;--key-shade-3: #c99558;--key-fg-3: #111111;--key-shade-4: #e0bb86;--key-fg-4: #111111}.stop-color-4{--stop-primary: #66508e;--stop-fg: #ffffff;--key-shade-1: #443261;--key-fg-1: #ffffff;--key-shade-2: #715c9a;--key-fg-2: #ffffff;--key-shade-3: #9b8abd;--key-fg-3: #111111;--key-shade-4: #c4b9d9;--key-fg-4: #111111}.stop-color-5{--stop-primary: #287d73;--stop-fg: #ffffff;--key-shade-1: #17564f;--key-fg-1: #ffffff;--key-shade-2: #338b80;--key-fg-2: #ffffff;--key-shade-3: #73b5ad;--key-fg-3: #111111;--key-shade-4: #a9d2cd;--key-fg-4: #111111}.stop-color-6{--stop-primary: #9b4942;--stop-fg: #ffffff;--key-shade-1: #6e2d28;--key-fg-1: #ffffff;--key-shade-2: #a95750;--key-fg-2: #ffffff;--key-shade-3: #cb8b85;--key-fg-3: #111111;--key-shade-4: #e1b5b1;--key-fg-4: #111111}.stop-color-7{--stop-primary: #756a28;--stop-fg: #ffffff;--key-shade-1: #514817;--key-fg-1: #ffffff;--key-shade-2: #857936;--key-fg-2: #ffffff;--key-shade-3: #afa45f;--key-fg-3: #111111;--key-shade-4: #d1ca96;--key-fg-4: #111111}.stop-color-8{--stop-primary: #385f9c;--stop-fg: #ffffff;--key-shade-1: #254070;--key-fg-1: #ffffff;--key-shade-2: #456da9;--key-fg-2: #ffffff;--key-shade-3: #7d9ac6;--key-fg-3: #111111;--key-shade-4: #b0c0dc;--key-fg-4: #111111}.stop-color-9{--stop-primary: #3d794d;--stop-fg: #ffffff;--key-shade-1: #285533;--key-fg-1: #ffffff;--key-shade-2: #4b895b;--key-fg-2: #ffffff;--key-shade-3: #80b18c;--key-fg-3: #111111;--key-shade-4: #b2d0b9;--key-fg-4: #111111}.stop-color-10{--stop-primary: #7b5c48;--stop-fg: #ffffff;--key-shade-1: #543b2b;--key-fg-1: #ffffff;--key-shade-2: #8a6955;--key-fg-2: #ffffff;--key-shade-3: #b2937e;--key-fg-3: #111111;--key-shade-4: #d4bdad;--key-fg-4: #111111}.stop-color-11{--stop-primary: #8a3f7b;--stop-fg: #ffffff;--key-shade-1: #612650;--key-fg-1: #ffffff;--key-shade-2: #99508a;--key-fg-2: #ffffff;--key-shade-3: #bd83b2;--key-fg-3: #111111;--key-shade-4: #d8b1d0;--key-fg-4: #111111}.stop-color-12{--stop-primary: #5f6f2b;--stop-fg: #ffffff;--key-shade-1: #414d18;--key-fg-1: #ffffff;--key-shade-2: #6f8038;--key-fg-2: #ffffff;--key-shade-3: #9cab68;--key-fg-3: #111111;--key-shade-4: #c3cc9c;--key-fg-4: #111111}.stop-color-13{--stop-primary: #536577;--stop-fg: #ffffff;--key-shade-1: #354554;--key-fg-1: #ffffff;--key-shade-2: #627485;--key-fg-2: #ffffff;--key-shade-3: #8fa0ae;--key-fg-3: #111111;--key-shade-4: #bbc6cf;--key-fg-4: #111111}.stop-color-14{--stop-primary: #a75d4f;--stop-fg: #ffffff;--key-shade-1: #773b31;--key-fg-1: #ffffff;--key-shade-2: #b56c5e;--key-fg-2: #ffffff;--key-shade-3: #d39b8f;--key-fg-3: #111111;--key-shade-4: #e6c0b8;--key-fg-4: #111111}.pull-sheet-table tbody .column-keyDesignation.key-shade-1,.pallet-key-page .designation-letter.key-shade-1{background:var(--key-shade-1);color:var(--key-fg-1)}.pull-sheet-table tbody .column-keyDesignation.key-shade-2,.pallet-key-page .designation-letter.key-shade-2{background:var(--key-shade-2);color:var(--key-fg-2)}.pull-sheet-table tbody .column-keyDesignation.key-shade-3,.pallet-key-page .designation-letter.key-shade-3{background:var(--key-shade-3);color:var(--key-fg-3)}.pull-sheet-table tbody .column-keyDesignation.key-shade-4,.pallet-key-page .designation-letter.key-shade-4{background:var(--key-shade-4);color:var(--key-fg-4)}.pallet-key-page{padding-bottom:1rem}.pallet-instruction{margin:0;padding:.8rem;border-bottom:1px solid var(--color-border);color:var(--color-navy);font-size:1.05rem;font-weight:900}.pallet-key-list{display:grid;gap:.8rem;padding:.8rem}.pallet-key-entry{display:grid;grid-template-columns:96px 1fr;gap:.9rem;align-items:stretch;border:3px solid var(--color-steel-dark);background:#fff}.designation-letter{display:grid;place-items:center;font-size:4rem;font-weight:900;-webkit-print-color-adjust:exact;print-color-adjust:exact}.pallet-key-entry div:last-child{padding:.65rem}.pallet-key-entry h4{margin:0 0 .3rem;color:#111;font-size:1.45rem}.pallet-key-entry p{margin:.2rem 0;color:#111;font-size:1rem}.missing-column-list{margin-bottom:0;color:var(--color-steel-dark)}@media(max-width:820px){.generation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-toolbar,.print-page-header,.pallet-key-header{flex-direction:column}.route-summary,.route-title-block{width:100%;text-align:left}.pull-sheet-table{font-size:.68rem}}@media(max-width:460px){.generation-summary{grid-template-columns:1fr}}@media print{@page{size:letter landscape;margin:.25in}.app-header,.workflow,.drop-zone,.security-notice,.status-panel,.action-bar,.preview-toolbar,.generation-summary{display:none}body{background:#fff}.app-shell{max-width:none;padding:0}.workspace-grid,.primary-column{display:block}.secondary-column{display:none}.print-document{display:block;gap:0}.preview-page{overflow:visible;height:auto;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none;aspect-ratio:auto;break-inside:auto;page-break-inside:auto}.new-print-page{break-before:page;page-break-before:always}.print-page-header,.pallet-key-header{display:flex;flex-direction:row;align-items:center;gap:.12in;min-height:0;padding:0 0 .05in;border-bottom:1.5pt solid #1d344a;background:#fff}.print-logo{width:1.45in;max-width:1.45in}.route-title-block{flex:1 1 auto}.route-title-block h3{font-size:13pt;line-height:1}.route-title-block p,.route-summary{font-size:9.5pt;line-height:1.05}.route-summary{flex:0 0 auto;max-width:2.5in;text-align:right}.pull-sheet-table{font-size:9pt;line-height:1.12;width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;-webkit-print-color-adjust:exact;print-color-adjust:exact}.pull-sheet-table thead{display:table-header-group}.pallet-key-entry,.pull-sheet-table tr{break-inside:avoid;page-break-inside:avoid}.pull-sheet-table tbody tr.first-key-group-row td{border-top:1.5pt solid #000000}.stop-banner-row{break-after:avoid;page-break-after:avoid}.pull-sheet-table th,.pull-sheet-table td{min-width:0;max-width:100%;box-sizing:border-box;border-color:#000;padding:2pt 3pt}.pull-sheet-table .header-cell{background:#f2f2f2;color:#000;overflow:hidden;padding:2pt 3pt;font-size:8.8pt;line-height:1.05;text-align:center;vertical-align:middle;white-space:normal;overflow-wrap:normal;word-break:normal}.pull-sheet-table .body-cell{background:#fff;color:#000;font-size:9pt;line-height:1.12;vertical-align:middle}.pull-sheet-table tbody .column-stopDisplay{background:var(--stop-primary);color:var(--stop-fg)}.pull-sheet-table tbody .column-keyDesignation.key-shade-1{background:var(--key-shade-1);color:var(--key-fg-1)}.pull-sheet-table tbody .column-keyDesignation.key-shade-2{background:var(--key-shade-2);color:var(--key-fg-2)}.pull-sheet-table tbody .column-keyDesignation.key-shade-3{background:var(--key-shade-3);color:var(--key-fg-3)}.pull-sheet-table tbody .column-keyDesignation.key-shade-4{background:var(--key-shade-4);color:var(--key-fg-4)}.pull-sheet-table .stop-banner-cell{background:var(--stop-primary);color:var(--stop-fg);padding:2.5pt 4pt;font-size:10pt;line-height:1.1}.pallet-key-page{-webkit-print-color-adjust:exact;print-color-adjust:exact}.pallet-key-entry{background:#fff;border-color:#000}.pallet-key-entry h4,.pallet-key-entry p{color:#000}}