.app{max-width:1400px;margin:0 auto;padding:24px}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.app-header__left{display:flex;align-items:baseline;gap:12px}.app-header__title{font-size:1.5rem;font-weight:700;color:#111827}.app-header__subtitle{font-size:.875rem;color:var(--color-muted)}.app-header__right{display:flex;align-items:center;gap:16px}.app-header__refresh-time{font-size:.8rem;color:var(--color-muted)}.app-main{display:flex;flex-direction:column;gap:32px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px 24px;text-align:center;transition:box-shadow .2s}.stat-card:hover{box-shadow:0 2px 8px #0000000f}.stat-card__value{font-size:2rem;font-weight:700;margin-bottom:4px}.stat-card__label{font-size:.85rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px}.stat-card--total .stat-card__value{color:var(--color-primary)}.stat-card--success .stat-card__value{color:var(--color-success)}.stat-card--danger .stat-card__value{color:var(--color-danger)}.stat-card--muted .stat-card__value{color:var(--color-muted)}.stat-card--loading{opacity:.5}.table-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.table-section__title{font-size:1rem;font-weight:600;padding:16px 20px;border-bottom:1px solid var(--color-border);background:#f9fafb}.table-section__loading,.table-section__empty{padding:40px 20px;text-align:center;color:var(--color-muted);font-size:.9rem}.table-wrapper{overflow-x:auto}.task-table{width:100%;border-collapse:collapse;font-size:.875rem}.task-table thead{background:#f9fafb}.task-table th{text-align:left;padding:10px 16px;font-weight:600;color:var(--color-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);white-space:nowrap}.task-table td{padding:12px 16px;border-bottom:1px solid var(--color-border);vertical-align:top}.task-table tbody tr:hover{background:#f3f4f6}.task-table__id{font-family:SF Mono,Fira Code,monospace;font-size:.8rem;color:var(--color-muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-table__message{max-width:350px;word-break:break-word}.task-table__date{white-space:nowrap;font-size:.8rem;color:var(--color-muted)}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge--published{background:#dcfce7;color:#166534}.badge--failed{background:#fee2e2;color:#991b1b}.badge--archived{background:#f3f4f6;color:#4b5563}.badge--unknown{background:#fef3c7;color:#92400e}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:.85rem;font-weight:500;cursor:pointer;border:none;transition:background .15s,opacity .15s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:#1d4ed8}@media(max-width:768px){.app{padding:16px}.app-header{flex-direction:column;align-items:flex-start;gap:12px}.stats-grid{grid-template-columns:repeat(2,1fr)}.task-table__message{max-width:200px}}.uploaded-row{cursor:pointer;-webkit-user-select:none;user-select:none}.uploaded-row:hover{background:#eef2ff}.uploaded-row__expand{display:inline-block;width:16px;font-size:.75rem;color:var(--color-muted);margin-right:6px}.ocr-row td{padding:0 16px 12px;border-bottom:1px solid var(--color-border)}.ocr-details__content{margin-top:12px;padding:16px;background:#f9fafb;border:1px solid var(--color-border);border-radius:var(--radius)}.ocr-details__section{margin-bottom:16px}.ocr-details__section:last-child{margin-bottom:0}.ocr-details__section h4{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-muted);margin-bottom:8px}.ocr-details__error{color:var(--color-danger);font-size:.85rem;padding:8px}.ocr-table{width:100%;border-collapse:collapse;font-size:.8rem;background:#fff;border-radius:4px;overflow:hidden}.ocr-table th{background:#e5e7eb;padding:6px 10px;text-align:left;font-weight:600;font-size:.75rem;white-space:nowrap}.ocr-table td{padding:6px 10px;border-bottom:1px solid #f3f4f6;vertical-align:top}.ocr-table__key{font-weight:500;color:#374151;white-space:nowrap;width:200px}.ocr-details__empty{font-size:.85rem;color:var(--color-muted);padding:8px;font-style:italic}.product-resolution__list{display:flex;flex-direction:column;gap:1px;background:var(--color-border)}.product-card{background:#fff;padding:20px}.product-card__header{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:16px}.product-card__info,.product-card__invoice-info{display:flex;flex-direction:column;gap:4px}.product-card__row{display:flex;gap:8px;font-size:.85rem}.product-card__label{color:var(--color-muted);font-weight:500;min-width:90px}.product-card__value{color:#111827}.product-card__value--code{font-family:SF Mono,Fira Code,monospace;font-weight:600}.product-card__value--mono{font-family:SF Mono,Fira Code,monospace;font-size:.8rem;color:var(--color-muted)}.product-card__search{position:relative;margin-bottom:12px}.product-card__search-input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.85rem;outline:none;transition:border-color .15s}.product-card__search-input:focus{border-color:var(--color-primary)}.product-card__search-spinner{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--color-muted);font-size:.8rem}.product-card__suggestions{margin-bottom:12px}.product-card__suggestions-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-muted);margin-bottom:8px}.product-card__table{width:100%;border-collapse:collapse;font-size:.8rem;border:1px solid var(--color-border);border-radius:4px;overflow:hidden}.product-card__table thead{background:#f3f4f6}.product-card__table th{padding:6px 10px;text-align:left;font-weight:600;font-size:.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.3px}.product-card__table td{padding:8px 10px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.product-card__table tbody tr{cursor:pointer;transition:background .1s}.product-card__table tbody tr:hover{background:#eef2ff}.product-card__table tbody tr.selected{background:#dbeafe}.product-card__table .mono{font-family:SF Mono,Fira Code,monospace;font-size:.75rem}.product-card__empty{font-size:.85rem;color:var(--color-muted);padding:12px 0;font-style:italic}.product-card__message{padding:8px 12px;border-radius:var(--radius);font-size:.85rem;margin-bottom:12px}.product-card__message--success{background:#dcfce7;color:#166534}.product-card__message--error{background:#fee2e2;color:#991b1b}.product-card__actions{display:flex;gap:8px;justify-content:flex-end}.btn--sm{padding:4px 10px;font-size:.8rem}.btn--muted{background:#f3f4f6;color:#4b5563;border:1px solid var(--color-border)}.btn--muted:hover:not(:disabled){background:#e5e7eb}@media(max-width:768px){.product-card__header{grid-template-columns:1fr;gap:12px}}.btn--create{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}.btn--create:hover:not(:disabled){background:#bfdbfe}.product-card__create-new{margin:12px 0;padding:12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--radius)}.product-card__create-fields{display:flex;gap:12px;margin-top:8px}.product-card__create-field{flex:1;display:flex;flex-direction:column;gap:4px}.product-card__create-field label{font-size:.75rem;font-weight:600;color:var(--color-muted)}.product-card__create-field input{padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.85rem}.product-card__create-field input:focus{outline:none;border-color:var(--color-primary)}.table-section__title--collapsible{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px}.table-section__title--collapsible:hover{background:#eef2ff}.table-section__toggle{font-size:.75rem;color:var(--color-muted);width:16px}.stat-card--pending .stat-card__value{color:#d97706}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f3f4f6}.login-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);padding:40px;width:100%;max-width:380px;box-shadow:0 4px 12px #00000014}.login-card__title{font-size:1.4rem;font-weight:700;text-align:center;margin-bottom:4px}.login-card__subtitle{text-align:center;color:var(--color-muted);font-size:.9rem;margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:16px}.login-form__field{display:flex;flex-direction:column;gap:4px}.login-form__field label{font-size:.85rem;font-weight:500;color:#374151}.login-form__field input{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.9rem;outline:none;transition:border-color .15s}.login-form__field input:focus{border-color:var(--color-primary)}.login-form__error{background:#fee2e2;color:#991b1b;padding:8px 12px;border-radius:var(--radius);font-size:.85rem}.login-form__submit{margin-top:8px;padding:10px;font-size:.9rem}.app-header__user{font-size:.85rem;color:#374151;font-weight:500}:root{--color-primary: #2563eb;--color-success: #16a34a;--color-danger: #dc2626;--color-warning: #d97706;--color-muted: #6b7280;--color-bg: #f9fafb;--color-surface: #ffffff;--color-border: #e5e7eb;--radius: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-bg);color:#111827;line-height:1.5}#root{min-height:100vh}