:root{color:#223027;background:#f4f6f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:0;border-radius:6px;background:#245d43;color:#fff;cursor:pointer;font-weight:700;padding:10px 14px}button:disabled{cursor:not-allowed;opacity:.55}button.secondary{border:1px solid #c9d4cc;background:#fff;color:#26362d}button.danger{background:#9f3c34}button.ghost{background:transparent;color:#506258;padding:6px 0}input,select{width:100%;border:1px solid #c8d2cb;border-radius:6px;background:#fff;color:#223027;padding:10px 11px}label{display:grid;gap:6px;color:#40534a;font-size:14px;font-weight:700}.loading{min-height:100vh;display:grid;place-items:center}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#ffffffc2,#f4f6f3f0),radial-gradient(circle at 15% 15%,#d9eadf,transparent 34%),#eef3ef}.login-card{width:min(380px,100%);display:grid;gap:16px;border:1px solid #d2ddd5;border-radius:8px;background:#fff;box-shadow:0 24px 60px #1b30231a;padding:28px}.login-card h2{margin:0;font-size:28px}.site-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:230px minmax(0,1fr) auto;gap:24px;align-items:center;border-bottom:1px solid #d8e0da;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:18px clamp(20px,5vw,64px)}.site-header h1,.page-header h2,.chart-card h3,.modal-card h3{margin:0}.site-header h1{font-size:24px}.eyebrow{margin:0 0 4px;color:#5f7b69;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.top-nav{display:flex;flex-wrap:wrap;gap:8px}.top-nav button{border:1px solid transparent;background:transparent;color:#34453b;padding:9px 10px}.top-nav button.active{border-color:#c7d5cc;background:#edf4ef;color:#1f4f37}.account-box{display:flex;align-items:center;gap:12px;color:#506258;font-weight:700}.content{max-width:1440px;margin:0 auto;padding:34px clamp(18px,4vw,48px) 56px}.stock-content{max-width:none;min-height:calc(100vh - 82px);background:#eef3ee;padding:16px 16px 24px}.page-section{display:grid;gap:22px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px solid #dce4df;padding-bottom:20px}.page-header h2{color:#1f2f26;font-size:36px}.page-header p{max-width:720px;margin:8px 0 0;color:#607167}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.metric-card,.chart-card,.status-card,.landing-card,.website-form,.table-scroll{border:1px solid #d5ded8;border-radius:8px;background:#fff}.metric-card{display:grid;gap:7px;padding:18px}.metric-card span{color:#5f7066;font-size:13px;font-weight:800;text-transform:uppercase}.metric-card strong{color:#1d2d24;font-size:30px}.metric-card small{color:#6a7b71}.landing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.landing-card{display:grid;gap:8px;min-height:132px;color:#23342a;text-align:left;padding:20px}.landing-card span{font-size:20px;font-weight:850}.landing-card small{color:#607167;line-height:1.45}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.toolbar>*{width:auto;min-width:170px}.hero-toolbar{border:1px solid #d5ded8;border-radius:8px;background:#fff;padding:14px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px}.form-grid.compact{grid-template-columns:repeat(4,minmax(160px,220px))}.product-form{grid-template-columns:repeat(5,minmax(130px,1fr))}.website-form{padding:16px}.error,.notice{margin:0;border-radius:6px;font-weight:700;padding:11px 13px}.error{border:1px solid #e0b7b1;background:#fff0ee;color:#8d3028}.notice{border:1px solid #bed5c8;background:#eef8f1;color:#245236}.table-scroll{max-width:100%;overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{border-bottom:1px solid #e5ebe7;padding:11px 12px;text-align:left;vertical-align:middle;white-space:nowrap}th{background:#f4f7f5;color:#405147;font-size:12px;letter-spacing:0;text-transform:uppercase}tr:last-child td{border-bottom:0}.sticky{position:sticky;left:0;z-index:1;min-width:240px;background:inherit}th.sticky{background:#f4f7f5}td.sticky{background:#fff}.stock-table{table-layout:fixed}.stock-table th:not(.sticky),.stock-table td:not(.sticky){width:72px;min-width:72px;max-width:72px;white-space:normal;text-align:center}.stock-table .actions{flex-direction:column;align-items:stretch}.stock-table .actions button{width:100%}.stock-table .cell-input{width:100%;box-sizing:border-box}.cell-input{width:58px;text-align:center;padding:6px}.date-step{min-width:44px;padding-inline:12px}.search-field{min-width:240px}.stock-page-section{gap:10px}.stock-page-section .page-header{border-bottom:0;padding-bottom:2px}.stock-page-section .page-header h2{font-size:30px;font-weight:800}.stock-page-section .page-header p{margin-top:3px;color:#4f6155;font-size:14px;font-weight:600}.manager-controls{display:grid;gap:10px}.manager-search{border-radius:12px;border-color:#c6d3c8;padding:12px 14px;font-size:16px;font-weight:500}.manager-button-row,.manager-meta-row,.manager-view-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.manager-button-row select{width:auto;min-width:220px}.manager-button-row button,.manager-button-row select,.manager-view-tabs button{border-radius:10px;padding:8px 10px;font-size:12px}.manager-meta-row{justify-content:space-between;color:#35473b;font-size:13px}.manager-view-tabs button{border:1px solid #bccabf;background:#f3f6f4;color:#2f4437}.manager-view-tabs button.active{border-color:#1f4f37;background:#1f4f37;color:#fff}.manager-table-wrap{overflow:hidden;border:1px solid #b7c5b8;border-radius:14px;background:#dce4dc}.manager-loading{margin:0;padding:16px;color:#35473b;font-weight:700}.manager-category-block{border-top:1px solid #b7c5b8}.manager-category-block:first-child{border-top:0}.manager-category-title{border-bottom:1px solid #9eb09f;background:#d6dfd6;color:#24382d;font-size:16px;font-weight:800;padding:9px 12px}.manager-table-scroll{max-width:100%;overflow:auto}.manager-stock-table{width:max-content;min-width:100%;border-collapse:collapse;color:#1f2d25;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:14px;font-weight:600}.manager-dashboard-table{table-layout:fixed}.manager-name-col-width{width:156px}.dashboard-data-col-width,.manager-action-col-width{width:76px}.manager-stock-table th,.manager-stock-table td{height:46px;border:1px solid #7f8d81;padding:4px;text-align:center;vertical-align:middle;white-space:normal}.manager-stock-table th{height:54px;background:#ecf1ec;color:#2e312f;font-size:14px;font-weight:700;text-transform:none}.manager-stock-table .manager-name-col{position:sticky;left:0;z-index:2;width:156px;min-width:156px;max-width:156px;border-right:2px solid #657667;background:#f7f7f7;text-align:left;padding-inline:8px}.manager-stock-table th.manager-name-col{z-index:4;text-align:center}.manager-name-col strong,.manager-name-col small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manager-name-col strong{color:#222;font-size:14px;font-weight:600}.manager-name-col small{margin-top:2px;color:#4e5d53;font-size:12px;font-weight:500}.manager-action-col{width:76px;min-width:76px;max-width:76px;background:#ecf0ec}.manager-empty-row{background:#f6f8f6;color:#5a6d5e;font-weight:700}.dashboard-name-header,.manager-dashboard-table th{height:86px}.manager-dashboard-table th span,.manager-dashboard-table th small{display:block}.manager-dashboard-table th span{color:#1f2a21;font-size:13px;font-weight:700;line-height:1.2}.manager-dashboard-table th .dashboard-title-stock{font-size:13px;font-weight:700}.manager-dashboard-table th small{margin-top:4px;color:#1f2a21;font-size:12px;font-weight:600;line-height:1.2;white-space:pre-line}.dashboard-col-stock,.dashboard-col-order,.dashboard-col-metric{width:76px;min-width:76px;max-width:76px}.dashboard-tone-neutral{background:#d9d9d9!important}.dashboard-tone-order{background:#e4cccc!important}.dashboard-tone-yellow{background:#ecec9c!important}.dashboard-tone-green{background:#bdd196!important}.dashboard-tone-blue{background:#90c7da!important}.dashboard-value-neutral{background:#f2f2f2}.dashboard-value-order{background:#efe0e0}.dashboard-value-yellow{background:#f4f3bf}.dashboard-value-green{background:#dbe7bf}.dashboard-value-blue{background:#c7e4ef}.dashboard-stock-value,.stock-cell-button,.dashboard-order-value,.dashboard-order-input{color:#223528;font-size:16px;font-weight:700}.dashboard-order-input{width:100%;border:0;background:transparent;padding:0;text-align:center}.stock-cell-button{width:100%;min-height:38px;border-radius:0;background:transparent;padding:0}.calendar-date-col{width:62px;min-width:62px;background:#f9fbf8}.calendar-date-col span,.calendar-date-col small{display:block;color:#2e312f;font-weight:700}.calendar-date-col small{margin-top:1px;color:#3a4b3e;font-size:12px;font-weight:600}.compact{border-radius:8px;padding:7px 6px;font-size:10px}.product-modal-form{grid-template-columns:1fr}.modal-meta{margin:0;color:#4d6052;font-size:13px;font-weight:600}.order-sheet-wrap{display:grid;gap:12px;min-width:0}.order-sheet-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#516359}.order-sheet-meta strong{color:#203229}.weekday-badge{border-radius:999px;background:#edf3ee;color:#245d43;font-size:12px;font-weight:850;padding:5px 10px;text-transform:capitalize}.order-sheet-scroll{max-width:100%;overflow:auto;border:1px solid #b7c5b8;border-radius:8px;background:#dce4dc;padding:8px}.order-sheet-table{width:max-content;min-width:100%;border-collapse:collapse;background:#fff;color:#1f2d25;font-size:12px}.order-sheet-table th,.order-sheet-table td{min-width:72px;height:32px;border:1px solid #89998c;padding:4px 6px;text-align:center;white-space:normal}.order-sheet-table th{background:#ecf1ec;color:#111b15;font-size:11px;font-weight:850}.order-sheet-table .order-name-col{left:0;z-index:2;min-width:260px;max-width:320px;text-align:left}.order-sheet-table th.order-name-col{z-index:3;background:#ecf1ec}.order-sheet-table td.order-name-col{background:#f7f7f7}.order-sheet-table .machine-title{background:#f4f7f4;text-align:center}.order-sheet-table .category-row td{background:#d6dfd6;color:#24382d;font-weight:850}.order-sheet-table .product-name{color:#222;font-weight:600}.order-sheet-table .number-cell{background:#f1f8f1;color:#000;font-weight:800}.order-sheet-table .total-col,.order-sheet-table .weight-col,.order-sheet-table .total-cell,.order-sheet-table .weight-cell{background:#f2f2f2}.actions{display:flex;align-items:center;gap:8px}.pill{display:inline-block;min-width:96px;border-radius:999px;padding:5px 9px;text-align:center;font-size:12px;font-weight:850}.pill.new,.pill.out{background:#fff4cf;color:#75560d}.pill.processed,.pill.in{background:#dceee3;color:#245236}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart-card{display:grid;gap:16px;padding:18px}.bars{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,2fr) 58px;align-items:center;gap:12px}.bar-row span{overflow:hidden;color:#405147;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:12px;overflow:hidden;border-radius:999px;background:#edf2ef}.bar-fill{height:100%;border-radius:inherit;background:#2f7a55}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.status-card{display:flex;align-items:center;gap:12px;padding:14px}.status-card p{margin:3px 0 0;color:#66766c;font-size:13px}.status-dot{width:12px;height:12px;flex:0 0 auto;border-radius:999px;background:#bd8c24}.status-dot.in{background:#2f7a55}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#19261e61;padding:18px}.modal-card{width:min(460px,100%);border:1px solid #d5ded8;border-radius:8px;background:#fff;box-shadow:0 24px 60px #1b302329;padding:18px}.modal-card header,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-form{display:grid;gap:14px;margin-top:16px}@media(max-width:980px){.site-header{grid-template-columns:1fr}.account-box,.page-header{align-items:stretch;flex-direction:column}.chart-grid,.form-grid,.form-grid.compact,.product-form{grid-template-columns:1fr}}
