:root{font:15px 'Segoe UI',Arial,sans-serif;color:#15384b;background:#eff8fc;--teal:#087f95;--muted:#6a8290;--line:#dce9ee}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:10px;padding:12px 18px;background:var(--teal);color:white;font-weight:600}button:disabled{opacity:.55;cursor:wait}button.secondary{background:#e8f2f6;color:#25586a}a{color:var(--teal)}#app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{padding:30px 18px;border-right:1px solid var(--line);background:#ffffffa8;position:sticky;top:0;height:100vh}.brand img{width:165px;max-width:100%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--muted)}aside .eyebrow{margin:30px 10px 16px}nav{display:grid;gap:7px}nav button{background:transparent;color:#486a7a;text-align:left;font-weight:500}nav .active{background:#dff0f8;color:#06718d}.switch{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin:32px 10px}.aside-note{color:var(--muted);font-size:12px;line-height:1.9;margin:30px 10px}main{padding:32px clamp(20px,3vw,52px);min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:20px}header h1{font-size:30px;letter-spacing:-.8px;margin:8px 0 22px}#account{font-size:12px;margin-right:12px}#notice{border:1px solid #c9e4eb;background:#e4f3f8;padding:14px 18px;border-radius:12px;line-height:1.6}.error{background:#fff0e9!important;border-color:#eec7b3!important;color:#8c482d}.card{padding:24px;border:1px solid #e1edf1;border-radius:18px;background:white;margin:20px 0}.card h2{font-size:20px;margin:0 0 16px}.intro,.actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.actions{justify-content:flex-start;margin-top:18px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric{background:white;border-radius:16px;padding:22px;border:1px solid #e1edf1}.metric strong{display:block;font-size:30px;margin-top:9px}.metric span,.muted,small{color:var(--muted);font-size:13px;line-height:1.65}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}label{display:grid;gap:7px;font-size:12px;color:#526e7e}input,select,textarea{width:100%;min-width:0;border:1px solid #d0e0e7;border-radius:9px;background:#f8fcfe;color:#15384b;padding:11px}input:read-only{background:#eef4f6}textarea{min-height:72px;resize:vertical}.span{grid-column:1/-1}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 10px;vertical-align:top}th{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase}td button{padding:7px 12px;font-size:12px}.table-wrap{overflow:auto}.badge{font-size:11px;border-radius:20px;background:#e4f4ef;color:#27705d;padding:5px 10px;display:inline-block}.badge.draft{background:#eef4fa;color:#50718c}.badge.submitted,.badge.pending{background:#fff2d9;color:#8a681d}.row-card{border:1px solid var(--line);border-radius:13px;margin:14px 0;padding:18px;background:#faffff}.row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.row-head h3{font-size:14px;margin:0}.remove{padding:6px 10px!important}.steps{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0;padding:15px;background:#e8f4f8;border-radius:12px;font-size:13px}.steps span{color:#49727f}.steps strong{color:#087f95}.summary{padding:15px 18px;background:#e8f7f3;border-radius:10px;font-size:14px;margin-top:15px;line-height:1.8}.empty{padding:25px 0;color:var(--muted);line-height:1.8}details>summary{cursor:pointer;font-weight:600;margin:12px 0}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}#signIn{min-height:100vh;display:grid;align-content:center;justify-items:center;gap:42px;background:linear-gradient(135deg,#f0faff,#a4d6e2 65%,#61b3c9)}#signIn>img{width:260px}#signIn form{width:min(390px,90vw);display:grid;gap:15px}#signIn label{font-size:13px}#signIn input{background:#ffffffd9}#different{background:transparent;color:#285d72}#loginError{font-size:13px;line-height:1.6}fieldset{border:0;margin:0;padding:0;min-width:0}:focus-visible{outline:3px solid #5cabbc;outline-offset:2px}[hidden]{display:none!important}@media(max-width:1000px){#app{grid-template-columns:180px 1fr}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.brand img{width:135px}.metrics{gap:10px}.metric{padding:16px}}@media(max-width:650px){#app{display:block}aside{position:static;height:auto;padding:14px 16px}.brand img{width:115px}aside .eyebrow,.aside-note,.switch{display:none}nav{display:flex;overflow:auto;margin-top:12px}nav button{white-space:nowrap;padding:10px 13px}main{padding:18px 14px}header{align-items:start}header h1{font-size:25px}#account{display:block;margin:0 0 8px}#logout{padding:8px;font-size:12px}.metrics{grid-template-columns:1fr}.metric{display:flex;align-items:center;justify-content:space-between}.metric strong{margin:0;font-size:24px}.fields{grid-template-columns:1fr}.card{padding:18px}.row-card{padding:14px}.intro>p{margin:0}}
.home-lead{font-size:20px;margin:28px 0 20px;color:#315869}.task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1050px;margin-bottom:32px}.task-button{position:relative;min-height:160px;border-radius:20px;text-align:left;padding:26px;background:linear-gradient(135deg,#07868c,#08768b);box-shadow:0 5px 16px #08768b10;display:grid;gap:9px;align-content:center}.task-button strong{font-size:23px;color:white}.task-button small{color:#dcf5f4;font-size:13px}.task-icon{font-size:29px;color:#d5f4ec;line-height:1}.task-arrow{position:absolute;right:24px;top:28px;font-size:23px;color:#d5f4ec}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}.section-head h2{font-size:18px}.steps{order:-1}.steps button{padding:9px 14px;font-size:13px}.steps button.current{background:#087f95;color:white}.run-save{padding:0 0 24px}.run-step .fields{grid-template-columns:repeat(2,minmax(0,1fr))}.run-step details{background:#f7fbfc;padding:10px 14px;border-radius:10px;margin-top:15px}.run-step details .fields{padding:10px 0}.run-step .row-card{background:white}#runForm fieldset{display:flex;flex-direction:column}#runForm .card{margin-top:0}@media(max-width:650px){.task-grid{gap:12px}.task-button{min-height:155px;padding:18px}.task-button strong{font-size:19px}.task-arrow{right:14px;top:18px}.task-button small{font-size:12px}.home-lead{font-size:18px}.run-step .fields{grid-template-columns:1fr}.steps{gap:5px;padding:10px}.steps button{font-size:11px;padding:8px}.task-icon{font-size:26px}}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 24px}.product-tile{display:flex;flex-direction:column;align-items:stretch;padding:0;border:2px solid #e1edf1;border-radius:16px;background:#fff;color:#15384b;text-align:left;overflow:hidden}.product-tile.selected{border-color:#07868c;box-shadow:0 0 0 3px #07868c18}.product-tile>img{width:100%;height:230px;object-fit:contain;background:#fff}.product-info{display:grid;gap:8px;padding:16px}.product-info strong{font-size:15px;line-height:1.5}.product-info small{color:#547786;font-weight:400}.product-placeholder{height:230px;display:grid;align-content:center;justify-items:center;gap:14px;background:#f6f8f4;color:#486554}.product-placeholder strong{font-size:24px}.product-placeholder span{font-size:12px;font-weight:400}.chosen-product-photo{float:right;width:110px;margin:0 0 14px 14px}.chosen-product-photo:empty{display:none}.chosen-product-photo img{width:110px;height:145px;object-fit:contain}.row-card:after{content:'';display:block;clear:both}@media(max-width:650px){.product-grid{grid-template-columns:1fr}.product-tile{display:grid;grid-template-columns:95px 1fr;align-items:center}.product-tile>img{width:95px;height:135px}.product-placeholder{height:135px;text-align:center;gap:8px;padding:10px}.product-placeholder strong{font-size:17px}.product-info{padding:12px}.chosen-product-photo{width:75px}.chosen-product-photo img{width:75px;height:100px}}

.stock-product-preview{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.stock-product-preview img{width:90px;height:120px;object-fit:contain}.stock-product-preview span{font-size:14px;line-height:1.8}

.box-entry{grid-column:1/-1;max-width:560px}.box-entry label{font-size:18px;font-weight:700}.box-entry input{font-size:42px;padding:18px}.loose-entry{max-width:260px}.loose-entry input{font-size:20px}.loose-entry small{display:block;margin-top:5px}