:root{color:#162030;background:radial-gradient(circle at top right,rgba(195,224,247,.42),transparent 24%),linear-gradient(180deg,#edf3f8,#f8fbfd);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;--border: #d6dfe7;--card: rgba(255, 255, 255, .94);--muted: #5d6b7c;--nav: #f4f7fa;--nav-active: #dce9f5;--accent: #184c7d;--accent-strong: #0f2438;--shadow: 0 18px 50px rgba(22, 32, 48, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;justify-content:space-between;padding:32px 24px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 28%),#0f2438;color:#f7fbff}.sidebar h1{margin:8px 0 12px;font-size:1.9rem;line-height:1.1}.sidebar-copy{margin:0;color:#f7fbffc2}.nav{display:grid;gap:10px;margin-top:28px}.nav-link{padding:12px 14px;border-radius:12px;background:#ffffff0f;color:#f7fbffd6;transition:transform .14s ease,background .14s ease}.nav-link:hover{transform:translate(4px)}.nav-link-active{background:#ffffff29;color:#fff}.content{padding:32px}.page{max-width:1280px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--muted)}.sidebar .eyebrow{color:#f7fbffa3}.page h2,.card h3{margin:6px 0 0}.page-intro{margin:10px 0 0;color:var(--muted);max-width:780px}.layout-grid,.review-layout,.review-image-layout,.workflow-grid{display:grid;gap:20px}.layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-master-layout,.reference-layout,.training-layout{align-items:start}.upload-packet-layout{align-items:start;margin-top:20px}.review-layout{grid-template-columns:320px 1fr;align-items:start}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-grid-expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.review-detail-column{display:grid;gap:20px}.review-image-layout{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:start}.card{padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--card);box-shadow:var(--shadow)}.workflow-card{display:grid;gap:16px;padding:24px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,#fffffff5,#f3f8fcfa);box-shadow:var(--shadow);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.workflow-card:hover{transform:translateY(-2px);border-color:#9fb8cf;box-shadow:0 18px 32px #0f24381f}.workflow-card:active{transform:translateY(0)}.workflow-card-step{display:inline-flex;width:fit-content;padding:8px 12px;border-radius:999px;background:#edf5fb;color:#1d4f78;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.workflow-copy{margin-bottom:0}.workflow-link{color:var(--accent);font-weight:600}.section-heading{align-items:start}.muted,.form-copy{color:var(--muted)}.form-copy{margin:8px 0 0}.form,.prediction-list,.reference-list,.queue-list,.queue-sidebar{display:grid;gap:16px}.form{margin-top:20px}.form label,.search-field{display:grid;gap:8px;font-weight:600}.form input,.form textarea,.form select,.search-field input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#fff}.form-two-column,.form-three-column,.form-four-column{display:grid;gap:16px}.form-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.form-three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.form-four-column{grid-template-columns:repeat(4,minmax(0,1fr))}.form button,.secondary-button,.danger-button,.link-button{padding:12px 16px;border:0;border-radius:12px}.form button{background:var(--accent);color:#fff;font-weight:600}.secondary-button,.link-button{background:var(--nav);color:#162030}.danger-button{background:#fbe3e1;color:#9d2c22}.feedback-banner{margin-bottom:20px;padding:14px 16px;border-radius:16px;border:1px solid transparent}.feedback-info{background:#edf5fb;border-color:#c8ddef;color:#1d4f78}.feedback-success{background:#edf8f0;border-color:#cfe7d5;color:#205c33}.feedback-error{background:#fff1f0;border-color:#f1c8c4;color:#9d2c22}.state-panel{display:grid;gap:10px;margin-top:18px;padding:18px;border:1px dashed var(--border);border-radius:16px;background:#f4f7fab3}.state-panel-error{border-style:solid;background:#fff8f7}.contract-panel{margin-top:0}.progress-panel{margin-top:20px}.state-title{margin:0;font-weight:600}.progress-track{width:100%;height:12px;overflow:hidden;border-radius:999px;background:#dfe9f2}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#1d4f78,#4d89b9);transition:width .16s ease}.validation-list{margin:0;padding-left:20px;color:var(--muted)}.validation-list li+li{margin-top:6px}.diagnostic-code{margin:0;padding:14px;overflow-x:auto;border-radius:14px;background:#f2f6fa;color:#16324c;font-size:.82rem;line-height:1.45}.summary-block{display:grid;gap:18px;margin-top:22px}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.summary-metric{padding:16px;border:1px solid var(--border);border-radius:16px;background:#ffffffeb}.summary-label{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.summary-value{margin:10px 0 0;font-size:1.5rem;font-weight:700;color:var(--accent-strong)}.stack-row,.prediction-row-header,.prediction-row-footer,.queue-item-main,.queue-item-footer,.queue-sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.row-actions{display:flex;gap:10px}.tag,.pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;white-space:nowrap}.tag{background:var(--nav);color:var(--accent)}.pill{font-size:.88rem;font-weight:600;text-transform:capitalize}.pill-active,.pill-uploaded,.pill-ready,.pill-imported,.pill-approved{background:#e8f5eb;color:#22613a}.pill-pending_upload,.pill-partial,.pill-draft,.pill-local_only,.pill-missing_back,.pill-pending_review,.pill-queued,.pill-processing{background:#edf5fb;color:#1d4f78}.pill-missing_hero,.pill-missing_hero_and_back,.pill-no_reference_images,.pill-archived,.pill-failed,.pill-rejected{background:#fff1f0;color:#9d2c22}.pill-reviewed{background:#fff7e8;color:#9a6312}.table-wrap{overflow-x:auto;margin-top:18px}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{padding:14px 12px;border-top:1px solid var(--border);text-align:left;vertical-align:top}.data-table th{color:var(--muted);font-size:.88rem;text-transform:uppercase;letter-spacing:.06em}.reference-list,.queue-list,.prediction-list{margin-top:18px}.reference-card,.queue-item,.prediction-row,.queue-sidebar-link{border:1px solid var(--border);border-radius:18px;background:#ffffffeb}.reference-card{display:grid;grid-template-columns:140px 1fr;gap:16px;overflow:hidden}.image-frame{position:relative;display:grid;align-items:center;justify-items:center;overflow:hidden;background:linear-gradient(180deg,#e8eff5d1,#f4f7faf5);border:1px solid var(--border);border-radius:18px}.image-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;color:var(--muted);font-size:.94rem;text-align:center}.image-state-error{color:#9d2c22}.image-hidden{opacity:0}.image-visible{opacity:1;transition:opacity .18s ease}.reference-card-image-frame{height:100%;min-height:140px;border:0;border-radius:0}.reference-card-image{width:100%;height:100%;object-fit:cover}.reference-card-body{padding:18px 18px 18px 0}.list-title{margin:0;font-weight:600}.queue-item,.prediction-row{padding:18px}.queue-item-main,.queue-item-footer,.prediction-row-header,.prediction-row-footer{align-items:flex-start}.queue-meta{display:flex;gap:10px;align-items:center}.queue-sidebar-link{display:grid;gap:8px;padding:16px;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.queue-sidebar-link:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f243814}.queue-sidebar-link-active{border-color:#9fb8cf;box-shadow:0 12px 24px #0f24381a}.review-image-card,.review-queue-panel{position:sticky;top:24px}.review-image{width:100%;max-height:520px;object-fit:cover}.review-image-frame{min-height:320px}.review-image-meta{display:grid;align-content:start;gap:14px}.prediction-row{display:grid;gap:16px}.prediction-form{margin-top:0}@media (max-width: 1100px){.review-layout,.layout-grid,.review-image-layout,.workflow-grid{grid-template-columns:1fr}.review-image-card,.review-queue-panel{position:static}}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.content{padding:20px}.form-two-column,.form-three-column,.form-four-column,.summary-grid,.row-actions,.reference-card{grid-template-columns:1fr}.row-actions{display:grid;width:100%}.stack-row,.prediction-row-header,.prediction-row-footer,.queue-item-main,.queue-item-footer,.queue-sidebar-top,.queue-meta{flex-direction:column;align-items:flex-start}.reference-card-body{padding:0 18px 18px}}