:root{--navy:#172235;--navy2:#24334b;--blue:#245ea8;--text:#202938;--muted:#667085;--border:#d7dce3;--surface:#fff;--bg:#f4f6f8;--danger:#b42318;--warning:#fff8e6;--calculated:#f2f7fc;--radius:8px;--shadow:0 1px 3px rgb(16 24 40/8%)}
*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px clamp(20px,4vw,56px);color:#fff;background:var(--navy);border-bottom:3px solid var(--blue)}.app-header h1{margin:2px 0 5px;font-size:clamp(22px,3vw,30px);line-height:1.2}.eyebrow,.section-kicker{margin:0;color:#9ec5f8;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.subtitle{margin:0;color:#cbd5e1}.header-actions{display:flex;align-items:center;gap:9px;flex:none}.header-reset{color:#fff;background:rgb(255 255 255/8%);border-color:rgb(255 255 255/26%)}.header-reset:hover{background:rgb(255 255 255/14%)}.save-status{flex:none;padding:7px 11px;color:#d7e8fb;background:rgb(255 255 255/8%);border:1px solid rgb(255 255 255/18%);border-radius:999px;font-size:12px}.app-shell{width:min(1600px,calc(100% - 32px));margin:22px auto 48px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) minmax(220px,1.5fr);gap:12px;margin-bottom:18px}.summary-card{min-height:88px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.summary-card span{display:block;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase}.summary-card strong{font-size:25px;font-variant-numeric:tabular-nums}.tabs{display:flex;gap:2px;overflow-x:auto;padding:0 2px;border-bottom:1px solid var(--border)}.tab-button{flex:none;padding:12px 15px;color:#4b5565;background:transparent;border:0;border-bottom:3px solid transparent;font-weight:650}.tab-button:hover{color:var(--blue);background:#edf3fa}.tab-button.active{color:var(--blue);border-bottom-color:var(--blue)}.panel{display:none;min-height:380px;margin-top:16px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel.active{display:block}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading h2{margin:3px 0 4px;font-size:21px}.section-heading p:not(.section-kicker){margin:0;color:var(--muted)}.heading-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.section-kicker{color:var(--blue)}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,300px));gap:18px;padding:20px;background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius)}.field{display:grid;gap:7px;color:#344054;font-weight:600}input,select{width:100%;min-width:78px;height:34px;padding:6px 8px;color:var(--text);background:#fff;border:1px solid #bfc6d0;border-radius:5px;outline:none}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgb(36 94 168/12%)}input[readonly]{color:#475467;background:#f2f4f7;border-color:#d8dde5}.action-bar{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.button{min-height:34px;padding:7px 13px;border:1px solid transparent;border-radius:5px;font-weight:650}.button:disabled{cursor:not-allowed;opacity:.48}.button.primary{color:#fff;background:var(--blue);border-color:var(--blue)}.button.primary:hover{background:#1c4c89}.button.secondary{color:#344054;background:#fff;border-color:#aeb6c2}.button.secondary:hover{background:#f3f5f7}.button.secondary.subtle{color:#667085;border-color:#d7dce3}.button.danger{color:var(--danger);background:#fff;border-color:#e1aaa5}.button.danger:hover{background:#fff1f0}.note{color:var(--muted);font-size:12px}.template-note{margin:-5px 0 12px;padding:10px 12px;color:#475467;background:#f8fafc;border:1px solid var(--border);border-radius:6px;font-size:12px}.table-wrap{max-height:calc(100vh - 325px);overflow:auto;border:1px solid var(--border);border-radius:6px}table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}th,td{padding:7px;vertical-align:middle;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}th:last-child,td:last-child{border-right:0}tbody tr:last-child td{border-bottom:0}th{position:sticky;top:0;z-index:3;min-width:110px;color:#fff;background:var(--navy2);text-align:left;white-space:nowrap}td{min-width:110px;background:#fff}tbody tr:hover td{background:#f8fafc}tbody tr.incomplete td{background:var(--warning)}td.calculated-cell,tbody tr:hover td.calculated-cell{background:var(--calculated)}.number-column,.number-cell{text-align:right;font-variant-numeric:tabular-nums}.actions-column{min-width:140px;width:140px}.row-actions{display:flex;gap:5px}.icon-button{padding:5px 8px;color:#344054;background:#fff;border:1px solid #bfc6d0;border-radius:4px;font-size:12px;white-space:nowrap}.icon-button:hover{background:#eef2f6}.icon-button.delete{color:var(--danger);border-color:#e1aaa5}.empty-state{display:none;padding:35px 20px;color:var(--muted);text-align:center;border:1px dashed #c4cad3;border-radius:6px}.empty-state.visible{display:block}.table-wrap.hidden{display:none}.legend{display:flex;flex-wrap:wrap;gap:18px;margin:-4px 0 12px;color:var(--muted);font-size:12px}.legend span{display:flex;align-items:center;gap:6px}.legend-swatch{width:13px;height:13px;border:1px solid var(--border);border-radius:2px}.legend-swatch.incomplete{background:var(--warning)}.legend-swatch.calculated{background:var(--calculated)}.filter-bar{display:grid;grid-template-columns:190px 190px minmax(240px,420px);gap:12px;margin-bottom:13px;padding:12px;background:#f8fafc;border:1px solid var(--border);border-radius:6px}.filter-bar label{display:grid;gap:5px;color:#475467;font-size:12px;font-weight:650}.result-table-wrap th:first-child,.result-table-wrap td:first-child{position:sticky;left:0;z-index:2}.result-table-wrap th:first-child{z-index:4}.result-table-wrap td:first-child{background:#fff}.toast{position:fixed;right:22px;bottom:22px;z-index:20;max-width:360px;padding:10px 14px;color:#fff;background:#26364c;border-radius:6px;box-shadow:0 8px 24px rgb(16 24 40/20%);opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s ease}.toast.visible{opacity:1;transform:translateY(0)}
.material-table{min-width:1320px;table-layout:fixed}.material-table th,.material-table td{min-width:0}.material-table .col-select{width:44px;text-align:center}.material-table .col-select input{width:16px;min-width:16px;height:16px;padding:0}.material-table .col-style{width:150px}.material-table .col-division{width:90px}.material-table .col-type{width:105px}.material-table .col-item{width:330px}.material-table .col-width{width:78px}.material-table .col-unit{width:72px}.material-table .col-consumption{width:105px}.material-table .col-loss{width:82px}.material-table .col-remark{width:170px}.material-table .actions-column,.material-table td:last-child{width:130px}.material-table-wrap{max-height:calc(100vh - 350px)}@media(max-width:900px){.summary-grid{grid-template-columns:repeat(2,1fr)}.settings-grid,.filter-bar{grid-template-columns:1fr}.panel{padding:16px}}
@media(max-width:600px){.app-header,.section-heading{align-items:stretch;flex-direction:column}.header-actions{align-items:stretch;justify-content:space-between}.app-shell{width:min(100% - 20px,1600px);margin-top:12px}.summary-grid{grid-template-columns:1fr 1fr;gap:8px}.summary-card{min-height:78px;padding:12px}.summary-card-wide{grid-column:1/-1}}