:root{color:#17231d;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{border:0}p,h1,h2,h3{margin-top:0}.app-shell{background:linear-gradient(#f7faf8 0,#edf2ef 100%);min-height:100vh}.app-container{width:min(1180px,100%);margin:0 auto;padding:24px 20px 88px}.brand-header{text-align:center;margin-bottom:22px}.brand-header h1{color:#123d2a;letter-spacing:-.06em;margin:0;font-size:clamp(3rem,8vw,5.25rem);font-weight:900;line-height:.95}.brand-header p{color:#365846;margin:10px 0 0;font-size:clamp(1rem,3vw,1.35rem);font-weight:700}.top-navigation{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.top-navigation button{color:#315041;cursor:pointer;background:#fff;border:1px solid #cbd8d0;border-radius:10px;min-height:54px;font-weight:800}.top-navigation button.active{color:#fff;background:#17613f;border-color:#17613f;box-shadow:0 8px 18px #17613f2e}.search-input{color:#17231d;background:#fff;border:1px solid #cbd8d0;border-radius:10px;width:100%;min-height:52px;margin-bottom:20px;padding:0 16px}.page-section{text-align:left}.section-heading,.record-card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-heading{margin:22px 0 16px}.section-heading h2{color:#123d2a;margin-bottom:5px;font-size:clamp(1.55rem,4vw,2.25rem)}.section-heading p{color:#64766b}.eyebrow{color:#5a7164;text-transform:uppercase;letter-spacing:.1em;margin:0 0 4px;font-size:.75rem;font-weight:800}.card,.table-card,.record-card{background:#fff;border:1px solid #d5dfd9;border-radius:14px;box-shadow:0 8px 24px #1b37280f}.form-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px;display:grid}.form-grid label{color:#2c4638;gap:7px;font-size:.88rem;font-weight:800;display:grid}.full-width{grid-column:1/-1}input,select,textarea{color:#17231d;background:#fff;border:1px solid #cbd8d0;border-radius:8px;width:100%;min-height:44px;padding:10px 12px}textarea{resize:vertical;min-height:96px}input:focus,select:focus,textarea:focus{border-color:#17613f;outline:3px solid #17613f21}.table-card{margin-top:18px;padding:14px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e4ebe7;padding:11px 10px}th{color:#456152;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}tbody tr:last-child td{border-bottom:0}td input,td select{min-width:110px}.nowrap{white-space:nowrap}.cost-basis{color:#687b70;margin-top:3px;font-size:.72rem;display:block}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.summary-grid>div{background:#f8fbf9;border:1px solid #d5dfd9;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:92px;padding:14px;display:flex}.summary-grid span,.detail-grid span{color:#687b70;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:800}.summary-grid strong,.detail-grid strong{color:#173d2a;overflow-wrap:anywhere}.detail-grid>div{gap:4px;display:grid}.record-list{gap:12px;display:grid}.record-card{cursor:pointer;padding:17px;transition:transform .15s,border-color .15s}.record-card:hover{border-color:#8dac9a;transform:translateY(-2px)}.record-card h3{color:#173d2a;margin:0;font-size:1.2rem}.record-meta{color:#607268;flex-wrap:wrap;gap:8px 20px;margin-top:13px;font-size:.9rem;display:flex}.status-badge{color:#101713;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:76px;padding:5px 11px;font-size:.78rem;font-weight:900;display:inline-flex}.action-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.primary-button,.secondary-button,.order-button,.made-button,.danger-button{cursor:pointer;border-radius:8px;min-height:44px;padding:10px 17px;font-weight:800}.primary-button{color:#fff;background:#17613f}.order-button{color:#fff;background:#a32626}.made-button{color:#fff;background:#25834f}.secondary-button{color:#294738;background:#e6eee9}.danger-button{color:#a32626;background:#fde8e8}button:disabled{opacity:.6;cursor:not-allowed}.table-card>.secondary-button{margin-top:12px}.error-message{color:#8f2020;background:#fde8e8;border:1px solid #f4c5c5;border-radius:9px;margin:12px 0;padding:12px 14px}.error-text{color:#8f2020}.empty-state{text-align:center;color:#66796e;padding:48px 20px}.floating-add{color:#fff;cursor:pointer;background:#17613f;border-radius:50%;width:62px;height:62px;font-size:2rem;line-height:1;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px #17613f4d}.create-label-button{z-index:20;color:#fff;cursor:pointer;background:#102f68;border-radius:999px;min-height:52px;padding:0 20px;font-weight:900;position:fixed;bottom:29px;right:100px;box-shadow:0 10px 25px #102f6847}.readonly-quantity{color:#40594c;background:#f4f8f5;min-width:140px;font-weight:800}.modal-backdrop{z-index:100;background:#091911ad;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.recalculation-modal{background:#f7faf8;border-radius:16px;width:min(1050px,100%);max-height:calc(100vh - 36px);padding:22px;overflow-y:auto;box-shadow:0 28px 80px #00000052}.modal-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modal-heading h2{color:#123d2a;margin-bottom:16px}.modal-close{color:#41594c;cursor:pointer;background:#e4ece7;border-radius:8px;min-height:38px;padding:7px 12px;font-weight:800}.recalculation-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.recalculation-fields label{color:#2c4638;gap:7px;font-size:.85rem;font-weight:800;display:grid}.readonly-field{background:#edf3ef;border:1px solid #cbd8d0;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;padding:11px 13px;display:flex}.readonly-field span,.quick-size-section>span{color:#62766a;text-transform:uppercase;letter-spacing:.04em;font-size:.76rem;font-weight:800}.quick-size-section{gap:8px;margin:18px 0;display:grid}.quick-size-row{flex-wrap:wrap;gap:7px;display:flex}.quick-size-row button{color:#28503b;cursor:pointer;background:#fff;border:1px solid #b9cbbf;border-radius:999px;min-height:36px;padding:6px 11px;font-weight:800}.quick-size-row button:hover{color:#fff;background:#17613f;border-color:#17613f}.comparison-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.comparison-grid>div{background:#fff;border:1px solid #d5dfd9;border-radius:12px;padding:16px}.comparison-grid h3{color:#173d2a;margin-bottom:12px}.comparison-grid p{justify-content:space-between;gap:12px;margin:8px 0;display:flex}.comparison-grid p span{color:#687b70}.modal-table{background:#fff;margin-top:14px}.modal-actions{justify-content:flex-end}.label-layout-modal{background:#f7faf8;border-radius:16px;width:min(620px,100%);padding:22px;box-shadow:0 28px 80px #00000052}.label-layout-modal h2{color:#123d2a;margin-bottom:16px}.label-count-dialog{gap:14px;display:grid}.label-count-dialog>input{text-align:center;font-size:1.5rem;font-weight:900}.label-count-shortcuts{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.label-count-shortcuts button{color:#173d2a;cursor:pointer;background:#fff;border:2px solid #cbd8d0;border-radius:10px;min-height:56px;font-size:1.2rem;font-weight:900}.label-count-shortcuts button:hover{background:#edf6f0;border-color:#17613f}.label-selection-bar{z-index:15;background:#f4f9f6f7;border:1px solid #9bb6a7;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:13px 15px;display:flex;position:sticky;top:8px;box-shadow:0 8px 22px #1b37281f}.label-selection-bar>div:first-child{gap:2px;display:grid}.label-selection-bar span{color:#64766b;font-size:.85rem}.label-selection-bar .action-row{margin:0}.order-select-heading{align-items:center;gap:13px;display:flex}.order-select-heading input[type=radio]{accent-color:#17613f;cursor:pointer;width:22px;min-width:22px;height:22px;min-height:22px;padding:0}.label-order-selected{background:#f3faf5;border:2px solid #17613f}.label-order-disabled{opacity:.5;cursor:not-allowed}.label-preview-page{text-align:left}.label-preview-toolbar{justify-content:space-between;align-items:center;gap:16px;margin:18px 0;display:flex}.label-preview-toolbar h2{color:#123d2a;margin:0}.label-preview-toolbar .action-row{margin:0}.label-edit-panel{background:#fff;border:1px solid #cbd8d0;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;padding:16px;display:grid}.label-edit-panel label{color:#2c4638;gap:6px;font-size:.82rem;font-weight:900;display:grid}.label-edit-panel p{color:#64766b;grid-column:1/-1;margin:0;font-size:.82rem}.label-print-sheet{aspect-ratio:210/297;background:#fff;gap:4mm;width:min(100%,210mm);margin:0 auto;padding:8mm;display:grid;overflow:hidden;box-shadow:0 12px 35px #182a2029}.label-print-sheet.labels-1{grid-template-rows:1fr;grid-template-columns:1fr}.label-print-sheet.labels-2{grid-template-rows:repeat(2,1fr);grid-template-columns:1fr}.label-print-sheet.labels-3{grid-template-rows:repeat(3,1fr);grid-template-columns:1fr}.label-print-sheet.labels-4{grid-template-rows:repeat(4,1fr);grid-template-columns:1fr}.label-print-sheet.labels-5{grid-template-rows:repeat(5,1fr);grid-template-columns:1fr}.chemical-label{--label-scale:1;--label-padding:14px;--logo-width:120px;--title-size:2rem;--field-size:1rem;--footer-size:.72rem;--field-gap:8px;min-width:0;min-height:0;padding:var(--label-padding);color:#080808;background:0 0;border:2px solid #111;grid-template-rows:minmax(0,36%) minmax(0,1fr) auto;font-family:Arial,Helvetica,sans-serif;display:grid;overflow:hidden}.labels-1 .chemical-label{--label-padding:32px;--logo-width:245px;--title-size:clamp(3rem, 5vw, 3.55rem);--field-size:2rem;--footer-size:1.25rem;--field-gap:22px}.labels-2 .chemical-label{--label-padding:20px;--logo-width:170px;--title-size:3.1rem;--field-size:1.35rem;--footer-size:.9rem;--field-gap:12px}.labels-3 .chemical-label{--label-padding:13px;--logo-width:120px;--title-size:2.25rem;--field-size:.98rem;--footer-size:.7rem;--field-gap:7px}.labels-4 .chemical-label{--label-padding:9px 12px;--logo-width:92px;--title-size:1.78rem;--field-size:.78rem;--footer-size:.57rem;--field-gap:4px}.labels-5 .chemical-label{--label-padding:7px 11px;--logo-width:75px;--title-size:1.45rem;--field-size:.66rem;--footer-size:.49rem;--field-gap:2px}.chemical-label-header{grid-template-columns:minmax(0, var(--logo-width)) minmax(0, 1fr);border-bottom:1px solid #111;justify-content:center;align-items:center;gap:clamp(8px,3%,28px);min-height:0;padding-inline:clamp(6px,1.5%,18px);display:grid;overflow:visible}.chemical-label h2{text-align:center;color:#080808;width:100%;max-width:100%;font-size:var(--title-size);letter-spacing:.015em;white-space:nowrap;margin:0;padding-inline:.08em;font-weight:950;line-height:.96;overflow:visible}.labels-1 .chemical-label h2{letter-spacing:0}.chemical-label-logo{justify-content:center;align-items:center;min-width:0;height:100%;min-height:0;display:flex}.chemical-label-logo img{width:100%;height:100%;max-width:var(--logo-width);object-fit:contain;image-rendering:auto;display:block}.chemical-label-fields{align-content:stretch;gap:var(--field-gap);min-height:0;padding:calc(var(--field-gap) * 1.2) 1%;grid-template-rows:repeat(4,1fr);display:grid}.chemical-label-fields p{min-height:0;font-size:var(--field-size);grid-template-columns:minmax(105px,30%) minmax(0,1fr);align-items:center;gap:10px;margin:0;line-height:1.08;display:grid}.chemical-label-fields span,.chemical-label-fields strong{color:#080808;font-weight:900}.chemical-label-fields strong{overflow-wrap:anywhere;border-bottom:1px solid #555;min-width:0;padding-bottom:.12em}.chemical-label-footer{padding-top:max(3px, var(--field-gap));text-align:center;border-top:1px solid #111}.chemical-label-footer p{color:#080808;font-size:var(--footer-size);margin:1px 0;font-weight:800;line-height:1.08}.labels-4 .chemical-label{grid-template-rows:minmax(0,35%) minmax(0,1fr) auto}.labels-5 .chemical-label{grid-template-rows:minmax(0,34%) minmax(0,1fr) auto}.labels-4 .chemical-label-fields p,.labels-5 .chemical-label-fields p{grid-template-columns:minmax(76px,27%) minmax(0,1fr);gap:7px}@media (width<=800px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recalculation-fields,.label-edit-panel{grid-template-columns:1fr}.label-edit-panel p{grid-column:auto}}@media (width<=600px){.app-container{padding:18px 12px 90px}.brand-header{margin-bottom:17px}.top-navigation{gap:7px}.top-navigation button{min-height:52px}.form-grid,.detail-grid{grid-template-columns:1fr;padding:15px}.full-width{grid-column:auto}.summary-grid{grid-template-columns:1fr 1fr;gap:8px}.summary-grid>div{min-height:84px;padding:11px}.action-row>button{flex:100%}.record-card-heading{align-items:center}.floating-add{bottom:16px;right:16px}.create-label-button{min-height:50px;padding:0 15px;bottom:21px;right:88px}.modal-backdrop{align-items:stretch;padding:0}.recalculation-modal{border-radius:0;max-height:100vh;padding:16px 12px}.comparison-grid{grid-template-columns:1fr}.modal-actions>button{flex:1 1 0}.label-layout-modal{border-radius:0;width:100%;min-height:100vh;padding:18px 12px}.label-selection-bar,.label-preview-toolbar{flex-direction:column;align-items:stretch}.label-selection-bar .action-row,.label-preview-toolbar .action-row{width:100%}.label-selection-bar .action-row button,.label-preview-toolbar .action-row button{flex:1}.label-print-sheet{gap:2mm;padding:4mm}}@page{size:A4 portrait;margin:0}@media print{body{background:#fff}body *{visibility:hidden!important}.label-print-sheet,.label-print-sheet *{visibility:visible!important}.label-print-sheet{width:210mm;height:297mm;box-shadow:none;margin:0;padding:8mm;position:absolute;inset:0}.chemical-label{break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}}