:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f8fafc;--surface:#fff;--surface-alt:#f8fafc;--border:#dbe4ee;--border-strong:#c6d2df;--text:#0f172a;--muted:#64748b;--primary:#1d4ed8;--primary-foreground:#fff;--success:#166534;--success-bg:#dcfce7;--info:#1d4ed8;--info-bg:#dbeafe;--danger:#991b1b;--danger-bg:#fee2e2;--outline:#cbd5e1;--shadow:0 12px 30px #0f172a0f;background:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{background:linear-gradient(#f8fafc 0%,#eef3f8 100%);min-height:100vh}.app-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#ffffffd1;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.app-header__brand{align-items:center;gap:.875rem;display:flex}.app-header__logo{background:linear-gradient(135deg, var(--primary), #0b3aa4);width:2.5rem;height:2.5rem;color:var(--primary-foreground);border-radius:.75rem;place-items:center;font-weight:800;display:grid}.app-header__title{letter-spacing:-.02em;font-size:1.05rem;font-weight:800}.app-header__subtitle{color:var(--muted);font-size:.85rem}.app-header__nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.app-header__nav a{color:var(--muted);font-size:.95rem}.app-header__nav a:hover,.back-link:hover{color:var(--text)}.lab-badge,.badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.3rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.lab-badge{color:var(--info);background:#dbeafe}.badge-outline{color:#334155;border-color:var(--outline);background:#fff}.badge-info{color:#1e40af;background:var(--info-bg)}.badge-success{color:var(--success);background:var(--success-bg)}.badge-danger{color:var(--danger);background:var(--danger-bg)}.badge-warning{color:#92400e;background:#fef3c7;border-color:#f59e0b33}.page-shell{width:min(1200px,100% - 2rem);margin:0 auto;padding:2rem 0 3rem}.hero,.detail-hero{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.hero h1,.detail-hero h1{letter-spacing:-.04em;margin:.25rem 0 .35rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.hero p,.detail-hero p{color:var(--muted);margin:0;font-size:1.05rem}.detail-subtitle{max-width:46rem;margin-top:.5rem!important}.eyebrow{color:var(--primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.summary-grid--detail{margin-top:.25rem}.summary-card,.panel,.detail-card,.order-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:1rem}.summary-card{gap:.35rem;padding:1rem 1.05rem;display:grid}.summary-card span{color:var(--muted);font-size:.875rem}.summary-card strong{font-size:1.55rem;line-height:1.1}.panel{padding:1.25rem}.panel__state,.empty-state{text-align:center;min-height:220px;color:var(--muted);place-items:center;gap:.9rem;display:grid}.panel__state--error{color:var(--danger);background:#fff7f7;border:1px dashed #f1b7b7;border-radius:.9rem}.timeline-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#fff 0%,#f8fbff 100%);border-radius:1rem;margin-bottom:1rem;padding:1.15rem 1.25rem 1.25rem}.timeline-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.timeline-header h2{margin:.25rem 0 0;font-size:1.15rem}.timeline-progress{text-align:right}.timeline-progress strong{color:var(--primary);font-size:1rem;display:block}.timeline-progress span{color:var(--muted);margin-top:.15rem;font-size:.85rem;display:block}.timeline-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.timeline-step{border:1px solid var(--border);background:#fff;border-radius:.95rem;grid-template-columns:auto 1fr;align-items:start;gap:.8rem;min-height:118px;padding:.85rem;display:grid;position:relative}.timeline-step--done{background:#eff6ff;border-color:#bfdbfe}.timeline-step--pending{opacity:.75}.timeline-step__marker{background:var(--bg);border:1px solid var(--border-strong);width:2rem;height:2rem;color:var(--muted);border-radius:999px;flex-shrink:0;place-items:center;font-weight:800;display:grid}.timeline-step--done .timeline-step__marker{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.timeline-step__body{min-width:0}.timeline-step__title{margin:0;font-size:.96rem;font-weight:800}.timeline-step__subtitle,.timeline-step__date{color:var(--muted);margin:.2rem 0 0;font-size:.85rem}.timeline-step__date{color:var(--text);font-weight:600}.timeline-step__connector{background:#cbd5e1;width:.8rem;height:2px;position:absolute;top:1.35rem;right:-.4rem}.table-wrap{width:100%;overflow:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.9rem .85rem}.data-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.data-table tbody tr:hover{background:#f8fbff}.muted{color:var(--muted)}.mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.stack-tight{gap:.2rem;display:grid}.actions{flex-wrap:wrap;justify-content:flex-start;gap:.6rem;display:flex}.actions--stack{flex-direction:column}.button{border:1px solid var(--border-strong);min-height:2.5rem;color:var(--text);background:#fff;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:600;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.button:hover{border-color:#a7b8ca;transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.72;transform:none}.button--secondary{background:#f8fafc}.button--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.button--primary:hover{background:#1e40af;border-color:#1e40af}.button--small{border-radius:.65rem;min-height:2.15rem;padding:.45rem .8rem;font-size:.92rem}.detail-content{gap:1rem;display:grid}.detail-card{padding:1.15rem}.detail-card h2{margin:0 0 1rem;font-size:1.1rem}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;display:grid}.detail-grid dt{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.25rem;font-size:.75rem}.detail-grid dd{margin:0;font-weight:600}.status-banner{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.status-banner--success{color:var(--success);background:#ecfdf5;border-color:#bbf7d0}.status-banner--error{color:var(--danger);background:#fef2f2;border-color:#fecaca}.status-banner--complete{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.detail-status-panel{border-width:1px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.detail-status-panel--created{background:#f8fafc;border-color:#dbe4ee}.detail-status-panel--in_production{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.detail-status-panel--completed{color:#166534;background:#ecfdf5;border-color:#bbf7d0}.detail-status-panel strong{margin-bottom:.15rem;display:block}.detail-status-panel p,.detail-status-panel span{margin:0}.detail-status-panel__meta{text-align:right;color:var(--muted);gap:.25rem;font-size:.85rem;display:grid}.surplus-alert-panel{gap:1rem;margin-bottom:1rem;display:grid}.surplus-alert{box-shadow:var(--shadow);background:linear-gradient(#fffbeb 0%,#fff7ed 100%);border:1px solid #f59e0b;border-radius:1rem;padding:1.15rem}.surplus-alert__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.surplus-alert__header h2{margin:.2rem 0 .35rem;font-size:1.15rem}.surplus-alert__header p{color:#7c2d12;margin:0}.surplus-alert__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;margin:1rem 0 0;display:grid}.surplus-alert__grid dt{text-transform:uppercase;letter-spacing:.08em;color:#9a3412;margin-bottom:.25rem;font-size:.75rem}.surplus-alert__grid dd{color:#431407;margin:0;font-weight:700}.surplus-alert__actions{justify-content:flex-end;margin-top:1rem;display:flex}.surplus-alert__actions .button{width:auto}.status-banner p{color:inherit;margin:.2rem 0 0}.inline-meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.back-link{color:var(--primary);font-size:.95rem;font-weight:600}.modal-backdrop{z-index:50;background:#0f172a85;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);background:#fff;border-radius:1rem;width:min(100%,520px);padding:1.25rem;box-shadow:0 28px 80px #0f172a33}.modal h2{margin:0 0 .5rem;font-size:1.25rem}.modal p{color:var(--muted);margin:0}.modal-actions{justify-content:flex-end;margin-top:1.25rem}.spinner{width:1rem;height:1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cards-list,.mobile-only{display:none}.order-card{gap:.85rem;padding:1rem;display:grid}.order-card__top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.order-card__top h3{margin:0;font-size:1rem}.order-card__meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.order-card__meta--detail{grid-template-columns:repeat(2,minmax(0,1fr))}.order-card__meta span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem;font-size:.75rem;display:block}.order-card__meta strong{font-size:.95rem;display:block}@media (width<=1080px){.hero,.detail-hero{flex-direction:column}.timeline-track{grid-template-columns:1fr}.timeline-step__connector{width:2px;height:.8rem;inset:auto auto -.4rem 1.35rem}}@media (width<=760px){.app-header{flex-direction:column;align-items:flex-start}.page-shell{width:min(100%,100% - 1rem);padding-top:1rem}.summary-grid,.detail-grid,.order-card__meta,.order-card__meta--detail,.surplus-alert__grid{grid-template-columns:1fr}.timeline-header,.detail-status-panel,.surplus-alert__header,.surplus-alert__actions{flex-direction:column;align-items:flex-start}.timeline-progress,.detail-status-panel__meta{text-align:left}.desktop-only{display:none}.mobile-only,.cards-list{gap:.85rem;display:grid}.actions,.button{width:100%}}