:root{--bg:#f5f6f8;--surface:#fff;--border:#e5e7eb;--text:#111827;--text-muted:#6b7280;--primary:#16a34a;--primary-hover:#15803d;--danger:#dc2626;--warning:#d97706;--radius:10px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.container{max-width:1100px;margin:0 auto;padding:24px}.card{border:1px solid var(--border);border-radius:var(--radius);padding:20px}.btn,.card{background:var(--surface)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s}.btn:hover{background:#f9fafb}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn:disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:600;color:var(--text-muted)}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:14px;background:var(--surface)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary)}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700}.badge-pending{background:#fef3c7;color:#92400e}.badge-kitchen{background:#dbeafe;color:#1d4ed8}.badge-completed{background:#dcfce7;color:#166534}.badge-ready{background:#e0e7ff;color:#4338ca}.badge-delivered{background:#d1fae5;color:#065f46}.badge-cancelled{background:#fee2e2;color:#991b1b}.field-input{border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:14px;background:var(--surface)}.field-input:focus{outline:none;border-color:var(--primary)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.designer-layout,.platform-shell,.printers-shell{display:grid;align-items:start}.platform-shell{grid-template-columns:300px minmax(0,1fr);gap:16px}.printers-shell{grid-template-columns:240px minmax(0,1fr);gap:16px}.designer-layout{grid-template-columns:250px minmax(0,1fr);gap:18px}.designer-tools{border-right:1px solid var(--border);padding-right:14px;max-height:720px;overflow-y:auto}.designer-paper{width:300px;max-width:100%}.designer-html{width:min(420px,100%);min-height:420px;font-family:monospace;font-size:11px;padding:10px;border:1px solid var(--border);border-radius:8px}.designer-props{flex:1 1;min-width:240px;max-width:340px;border:1px solid var(--border);border-radius:10px;padding:12px}@media (max-width:860px){.container{padding:12px}.card [style*="grid-template-columns: 1fr 1fr"],.card [style*="grid-template-columns:1fr 1fr"],.designer-layout,.platform-shell,.printers-shell{grid-template-columns:1fr!important}.printers-shell aside{position:static!important}.designer-tools{border-right:0;padding-right:0;max-height:38vh;border-bottom:1px solid var(--border);padding-bottom:12px}.designer-props{min-width:0;max-width:none;width:100%}.designer-paper{width:100%}}