:root{color-scheme:light;--bg: #f4efe6;--bg-accent: #e2ece7;--surface: #ffffff;--surface-muted: #f7f2ea;--ink: #1f2428;--muted: #56606a;--border: #d7d0c6;--accent: #c15a1b;--accent-soft: #f0d9c7;--shadow: 0 20px 60px rgba(31, 36, 40, .08);--font-sans: "Trebuchet MS", "Gill Sans", "Segoe UI", sans-serif;--font-display: "Palatino Linotype", "Book Antiqua", Palatino, serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-sans);color:var(--ink);background:radial-gradient(circle at top left,var(--bg-accent),var(--bg))}#root{min-height:100vh}button,input{font-family:inherit}button{border:1px solid transparent;background:var(--surface);color:var(--ink);padding:.55rem .9rem;border-radius:999px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}button:hover{border-color:var(--border);box-shadow:0 8px 18px #1f242814;transform:translateY(-1px)}button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}input.search{padding:.55rem .75rem;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.app-shell{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:24px;padding:24px}.menu{background:var(--surface);border-radius:24px;padding:20px;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.menu-header{border-bottom:1px solid var(--border);padding-bottom:16px}.brand{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.02em}.subtle{margin:.35rem 0 0;color:var(--muted)}.menu-list{display:grid;gap:10px}.menu-list button{text-align:left;border-radius:16px;padding:.85rem 1rem;border:1px solid transparent;background:var(--surface-muted)}.menu-list button.active{border-color:var(--accent);background:#fff5ef}.menu-title{display:block;font-weight:600}.menu-meta{display:block;font-size:.8rem;color:var(--muted);margin-top:.25rem}.content{display:flex;flex-direction:column}.module{background:var(--surface);border-radius:28px;padding:24px;border:1px solid var(--border);box-shadow:var(--shadow);min-height:calc(100vh - 48px);display:flex;flex-direction:column;gap:20px}.module-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.module h2{margin:.2rem 0 0;font-family:var(--font-display);font-size:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:var(--muted)}.segmented{display:flex;gap:8px;flex-wrap:wrap}.status-pill{background:var(--accent-soft);color:var(--ink);padding:.4rem .75rem;border-radius:999px;font-size:.85rem}.module-body{flex:1;display:flex;flex-direction:column;gap:12px}.module-body.empty{background:var(--surface-muted);border-radius:20px;padding:32px;display:grid;place-items:center;text-align:center;color:var(--muted)}.two-pane{display:grid;grid-template-columns:minmax(250px,360px) 1fr;gap:16px;flex:1;min-height:0}.pane{background:var(--surface-muted);border:1px solid var(--border);border-radius:20px;padding:16px;min-height:0;overflow:hidden}.list-pane,.detail-pane{height:100%;display:flex;flex-direction:column;gap:12px}.list{list-style:none;padding:0;margin:0;display:grid;gap:8px;overflow:auto}.list-header{background:var(--surface);border-radius:16px;padding:12px;border:1px solid var(--border)}.list li{background:var(--surface);border-radius:14px;padding:12px 14px;border:1px solid transparent;cursor:pointer;display:grid;gap:4px}.list li.selected{border-color:var(--accent);background:#fff7f2}.list .title{font-weight:600}.list .subtitle{color:var(--muted);font-size:.85rem}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;background:#eef1f3;color:var(--muted);width:fit-content}.risk-pill{background:#f7d9d9;color:#8b2f2f}.status-draft{background:#f1e8dd;color:#6d5746}.status-quote{background:#e6eef3;color:#2d4d62}.status-submitted{background:#fbe7d3;color:#8a4b18}.status-fulfilled{background:#d7ece3;color:#1f5b44}.detail-pane .tabs{display:flex;gap:8px;flex-wrap:wrap}.tab-content{flex:1;background:var(--surface);border-radius:16px;padding:16px;border:1px solid var(--border);overflow:auto}.detail-header h2{margin:0;font-family:var(--font-display)}.detail-header .customer{color:var(--muted);margin-top:.25rem}.customer-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:.9rem}.status-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.status-bar .step{background:#f1e8dd;border-radius:12px;padding:.4rem .6rem;text-align:center;font-size:.8rem;color:var(--muted)}.status-bar .step.active{background:var(--accent-soft);color:var(--ink);font-weight:600}.secondary{background:transparent;border-color:var(--border);color:var(--muted)}.form{display:grid;gap:12px}.form h3{margin:0}.order-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.form-row{display:grid;gap:6px}.form-row label{font-size:.85rem;color:var(--muted)}.form-row input,.form-row select,.form-row textarea{border:1px solid var(--border);border-radius:12px;padding:.5rem .7rem;background:var(--surface)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.items-edit select,.items-edit input{width:100%}.muted{color:var(--muted)}.small{font-size:.75rem}.inventory-pill{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:999px;font-size:.75rem;font-weight:600;margin-bottom:6px}.inventory-pill.ok{background:#d7ece3;color:#1f5b44}.inventory-pill.short{background:#f7d9d9;color:#8b2f2f}.inline-check{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted)}.alert{background:#fff1e6;border:1px solid #f4c9a5;color:#7c3d13;padding:10px 12px;border-radius:12px;font-size:.85rem}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.section h3{margin:0 0 .75rem}.info-table,.items-table{width:100%;border-collapse:collapse;font-size:.9rem}.info-table th,.info-table td,.items-table th,.items-table td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--border)}.info-table th{color:var(--muted);width:140px}.items-table thead{background:#f6efe6}.totals{margin-top:12px;font-weight:600;text-align:right}.related-list,.activity-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.activity-list li{background:#fbf7f1;border-radius:12px;padding:10px 12px}.activity-list .timestamp{font-size:.75rem;color:var(--muted)}.activity-list .text{margin-top:4px}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.menu{position:static}.module{min-height:auto}.two-pane{grid-template-columns:1fr}}