:root{--bg: #0b1220;--bg-2: #0f172a;--panel: #131c31;--panel-2: #182238;--border: #22304d;--text: #e6edf7;--muted: #8ea3c4;--accent: #0ea5e9;--accent-2: #38bdf8;--ok: #22c55e;--warn: #f59e0b;--danger: #ef4444;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 80% -10%,#12233f 0%,var(--bg) 55%);color:var(--text)}.app{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--bg-2),#0a1120);border-right:1px solid var(--border);padding:22px 16px;display:flex;flex-direction:column;gap:26px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center}.brand-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:22px;color:#04121f;background:linear-gradient(135deg,var(--accent-2),var(--accent));box-shadow:0 6px 18px #0ea5e966}.brand h1{font-size:18px;margin:0;letter-spacing:.3px}.brand p{margin:2px 0 0;font-size:11.5px;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:6px}.nav button{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid transparent;color:var(--muted);padding:11px 12px;border-radius:10px;font-size:13.5px;cursor:pointer;text-align:left;transition:all .15s}.nav button:hover{background:var(--panel);color:var(--text)}.nav button.active{background:var(--panel-2);color:#fff;border-color:var(--border);box-shadow:inset 3px 0 0 var(--accent)}.nav-ico{font-size:15px}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}.sidebar-foot small{color:var(--muted);font-size:11px;line-height:1.4}.content{padding:22px 30px 60px;overflow-x:hidden}.topbar{margin-bottom:18px}.topbar h2{margin:0;font-size:20px;font-weight:650}.screen{display:flex;flex-direction:column;gap:18px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.two-thirds{grid-template-columns:1.35fr 1fr}.grid.form{gap:10px 14px;justify-content:start}.grid.form.two{grid-template-columns:repeat(2,minmax(0,160px))}.grid.form.three{grid-template-columns:repeat(3,minmax(0,160px))}.grid.form.four{grid-template-columns:repeat(4,minmax(0,140px))}@media (max-width: 1050px){.grid.two,.grid.three,.grid.four,.grid.two-thirds{grid-template-columns:1fr}.grid.form.two,.grid.form.three,.grid.form.four{grid-template-columns:repeat(2,minmax(0,160px))}.app{grid-template-columns:1fr}.sidebar{position:static;height:auto}}.card{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border);background:#ffffff04}.card-head h3{margin:0;font-size:14px;font-weight:650;letter-spacing:.2px}.card-body{padding:18px;display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:4px;max-width:180px}.field-label{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;align-items:baseline;gap:6px}.field-unit{font-style:normal;color:var(--accent-2);font-size:10px;font-weight:600;flex-shrink:0}.field-input,.field input,.field select{background:#0b1424;border:1px solid var(--border);color:var(--text);padding:5px 8px;border-radius:7px;font-size:13px;outline:none;transition:border .15s,box-shadow .15s;width:100%;max-width:180px;height:30px;line-height:1.2}.field select.field-input{padding-right:24px}.field input:focus,.field select:focus,.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #0ea5e92e}.field-hint{font-size:10px;color:var(--muted)}.subhead{margin:6px 0 -2px;font-size:12.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.field input[type=number]::-webkit-outer-spin-button,.field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.grid .field{width:100%;max-width:160px}.grid.four .field{max-width:140px}.machine-card-head .field,.toolbar .field{max-width:260px}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:9px 14px;border-radius:9px;font-size:13px;cursor:pointer;transition:all .15s}.btn:hover{filter:brightness(1.12)}.btn.primary{background:linear-gradient(135deg,var(--accent-2),var(--accent));border:none;color:#04121f;font-weight:650}.btn.danger{color:var(--danger)}.btn.ghost{background:transparent}.btn.small{padding:7px 10px;font-size:12px}.machine-list{display:flex;flex-direction:column;gap:14px}.machine-card{border:1px solid var(--border);border-radius:12px;padding:14px;background:#ffffff04}.machine-card-head{display:flex;gap:12px;align-items:flex-end;margin-bottom:12px}.machine-card-head .field{flex:1}.toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.toolbar .field{min-width:260px}.toolbar-actions{display:flex;gap:10px}.radio-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radio-pill{border:1px solid var(--border);border-radius:11px;padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:3px;background:#0b1424;transition:all .15s}.radio-pill.active{border-color:var(--accent);box-shadow:0 0 0 3px #0ea5e929;background:var(--panel-2)}.radio-pill input{display:none}.radio-pill span{font-weight:650;font-size:13.5px}.radio-pill small{color:var(--muted);font-size:11px}.step-flow{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.step-chip{font-size:11.5px;padding:5px 10px;border-radius:999px;background:#0b1424;border:1px solid var(--border);color:var(--muted)}.step-chip.salt{color:#04121f;background:linear-gradient(135deg,var(--accent-2),var(--accent));border:none;font-weight:650}.summary-hero{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{background:#0b1424;border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.metric-label{font-size:11.5px;color:var(--muted)}.metric-value{font-size:28px;font-weight:700;line-height:1}.metric-value em{font-style:normal;font-size:14px;color:var(--muted);margin-left:5px}.metric-value.accent{color:var(--accent-2)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:var(--muted);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--border);font-size:11px;text-transform:uppercase;letter-spacing:.3px;vertical-align:bottom}.table td{padding:9px 10px;border-bottom:1px solid rgba(34,48,77,.5);vertical-align:middle;text-align:left}.table tr:last-child td{border-bottom:none}.table-machines{table-layout:fixed}.table-machines th,.table-machines td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-machines .row-actions{justify-content:flex-start}.ta-r{text-align:right}.muted{color:var(--muted)}.table-wrap{overflow-x:auto}.table tr.row-active td{background:#0ea5e91a}.row-actions{display:inline-flex;gap:8px;justify-content:flex-end}.trace{margin-top:14px;border:1px solid var(--border);border-radius:10px;background:#ffffff05}.trace>summary{cursor:pointer;padding:10px 14px;font-size:13px;font-weight:600;color:var(--accent);list-style:none}.trace>summary::-webkit-details-marker{display:none}.trace>summary:before{content:"▸ ";display:inline-block;transition:transform .15s ease}.trace[open]>summary:before{content:"▾ "}.trace>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.trace-table{margin:0 6px 8px}.trace-table td,.trace-table th{padding:5px 8px;font-size:12.5px}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.trace>summary:before{transition:none}}.total-row td{border-top:2px solid var(--border);padding-top:10px}.total-row td b{color:var(--text)}.note.danger{color:var(--danger);background:#ef44441a;border-color:#ef444473}.note{font-size:12px;color:var(--muted);background:#0ea5e914;border:1px solid var(--border);padding:10px 12px;border-radius:10px;margin:0}.readouts{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.readout{background:#0b1424;border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.readout-label{font-size:11px;color:var(--muted)}.readout-value{font-size:17px;font-weight:650}.readout.high{border-color:#f59e0b99;box-shadow:inset 0 0 0 1px #f59e0b40}.readout.high .readout-value{color:var(--warn)}.readout.low{border-color:#ef444499;box-shadow:inset 0 0 0 1px #ef444440}.readout.low .readout-value{color:var(--danger)}.readout.ok .readout-value{color:var(--ok)}.action-banner{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:12px;border:1px solid var(--border);margin-top:4px}.action-banner.ok{background:#22c55e1a;border-color:#22c55e66}.action-banner.warn{background:#f59e0b1a;border-color:#f59e0b73}.action-banner.danger{background:#ef44441a;border-color:#ef444473}.action-icon{font-size:30px;line-height:1}.action-text strong{font-size:15px}.action-text p{margin:4px 0 0;font-size:13.5px;color:var(--text);line-height:1.5}