:root{--sp-green: #16a34a;--sp-green-bg: #dcfce7;--sp-yellow: #ca8a04;--sp-yellow-bg: #fef9c3;--sp-red: #dc2626;--sp-red-bg: #fee2e2;--sp-blue: #2563eb;--sp-blue-bg: #dbeafe;--sp-gray: #6b7280;--sp-gray-bg: #f3f4f6;--sp-border: #e5e7eb;--sp-radius: 8px;--sp-radius-sm: 4px;--sp-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--sp-shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--sp-font-mono: "Courier New", Courier, monospace}.confidence-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:600;white-space:nowrap;letter-spacing:.02em}.confidence-badge--high{background:var(--sp-green-bg);color:var(--sp-green)}.confidence-badge--mid{background:var(--sp-yellow-bg);color:var(--sp-yellow)}.confidence-badge--low{background:var(--sp-red-bg);color:var(--sp-red)}.confidence-badge--none{background:var(--sp-gray-bg);color:var(--sp-gray)}.field-row{display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--sp-radius-sm);transition:background .15s}.field-row:hover{background:#f9fafb}.field-row--warning{background:#fffbeb}.field-row--warning:hover{background:#fef3c7}.field-row--error{background:#fff5f5}.field-row--error:hover{background:#fee2e2}.field-row__label{font-size:12px;font-weight:600;color:var(--sp-gray);text-transform:uppercase;letter-spacing:.04em}.field-row__input{width:100%;padding:5px 8px;border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);font-size:13px;background:#fff;color:#111827;outline:none;transition:border-color .15s,box-shadow .15s}.field-row__input:focus{border-color:var(--sp-blue);box-shadow:0 0 0 3px #2563eb26}.field-row__input--empty{color:var(--sp-gray);font-style:italic}.parse-input{display:flex;flex-direction:column;gap:12px}.parse-input__label{font-size:13px;font-weight:600;color:#374151}.parse-input__textarea-wrap{position:relative}.parse-input__textarea{width:100%;min-height:160px;padding:12px;border:1px solid var(--sp-border);border-radius:var(--sp-radius);font-size:13px;font-family:var(--sp-font-mono);resize:vertical;outline:none;color:#111827;transition:border-color .15s,box-shadow .15s;line-height:1.6}.parse-input__textarea:focus{border-color:var(--sp-blue);box-shadow:0 0 0 3px #2563eb26}.parse-input__counter{position:absolute;bottom:8px;right:10px;font-size:11px;color:var(--sp-gray);pointer-events:none}.parse-input__counter--over{color:var(--sp-red);font-weight:600}.parse-input__controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.parse-input__select{flex:1;min-width:200px;padding:8px 10px;border:1px solid var(--sp-border);border-radius:var(--sp-radius);font-size:13px;background:#fff;color:#111827;outline:none;cursor:pointer}.parse-input__select:focus{border-color:var(--sp-blue)}.parse-input__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:var(--sp-radius);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:background .15s,opacity .15s}.parse-input__btn--primary{background:var(--sp-blue);color:#fff}.parse-input__btn--primary:hover:not(:disabled){background:#1d4ed8}.parse-input__btn:disabled{opacity:.55;cursor:not-allowed}.parse-input__spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:sp-spin .7s linear infinite}@keyframes sp-spin{to{transform:rotate(360deg)}}.order-card{background:#fff;border:1px solid var(--sp-border);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);overflow:hidden}.order-card--warning{border-left:4px solid #f59e0b}.order-card--error{border-left:4px solid var(--sp-red)}.order-card__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border-bottom:1px solid var(--sp-border);gap:8px;flex-wrap:wrap}.order-card__title{font-size:14px;font-weight:700;color:#111827}.order-card__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.order-card__meta-tag{font-size:11px;padding:2px 7px;border-radius:9999px;background:var(--sp-gray-bg);color:var(--sp-gray);font-weight:500}.order-card__meta-tag--ai{background:var(--sp-blue-bg);color:var(--sp-blue)}.order-card__meta-tag--arabic{background:#fdf2f8;color:#9d174d}.order-card__body{padding:4px 0}.order-card__messages{padding:8px 12px;display:flex;flex-direction:column;gap:4px}.order-card__msg{font-size:12px;display:flex;align-items:flex-start;gap:5px}.order-card__msg--warn{color:#92400e}.order-card__msg--error{color:var(--sp-red)}.order-card__manual-banner{margin:8px 12px 0;padding:8px 12px;background:var(--sp-yellow-bg);border:1px solid #fde68a;border-radius:var(--sp-radius-sm);font-size:12px;color:#78350f;display:flex;align-items:center;gap:6px}.order-card__footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--sp-border);justify-content:flex-end}.order-card__btn{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;border-radius:var(--sp-radius);font-size:12px;font-weight:600;border:none;cursor:pointer;transition:background .15s,opacity .15s}.order-card__btn:disabled{opacity:.5;cursor:not-allowed}.order-card__btn--confirm{background:var(--sp-green-bg);color:var(--sp-green)}.order-card__btn--confirm:hover:not(:disabled){background:#bbf7d0}.order-card__btn--reject{background:var(--sp-red-bg);color:var(--sp-red)}.order-card__btn--reject:hover{background:#fecaca}.order-card__btn--confirmed{background:var(--sp-green-bg);color:var(--sp-green);cursor:default}.order-card__btn--rejected{background:var(--sp-gray-bg);color:var(--sp-gray);cursor:default}.benchmark-chart{display:flex;flex-direction:column;gap:24px}.benchmark-chart__section{display:flex;flex-direction:column;gap:10px}.benchmark-chart__section-title{font-size:13px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.05em}.benchmark-chart__svg-wrap,.benchmark-table-wrap{overflow-x:auto}.benchmark-table{width:100%;border-collapse:collapse;font-size:13px}.benchmark-table th{text-align:left;padding:8px 12px;background:#f9fafb;border-bottom:2px solid var(--sp-border);font-weight:600;color:#374151;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.benchmark-table td{padding:8px 12px;border-bottom:1px solid var(--sp-border);color:#111827}.benchmark-table tr:last-child td{border-bottom:none}.benchmark-table tr:hover td{background:#f9fafb}.benchmark-table__row--error td{background:#fff5f5;color:var(--sp-gray)}.benchmark-table__model{font-weight:600;max-width:200px;word-break:break-word}.benchmark-table__err{color:var(--sp-red);font-style:italic}.benchmark-tab{display:flex;flex-direction:column;gap:20px}.benchmark-tab__section{display:flex;flex-direction:column;gap:8px}.benchmark-tab__label{font-size:13px;font-weight:600;color:#374151}.benchmark-tab__textarea{width:100%;min-height:120px;padding:10px 12px;border:1px solid var(--sp-border);border-radius:var(--sp-radius);font-size:13px;font-family:var(--sp-font-mono);resize:vertical;outline:none;color:#111827;transition:border-color .15s,box-shadow .15s;line-height:1.6}.benchmark-tab__textarea:focus{border-color:var(--sp-blue);box-shadow:0 0 0 3px #2563eb26}.benchmark-tab__model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.benchmark-tab__model-card{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid var(--sp-border);border-radius:var(--sp-radius);cursor:pointer;transition:border-color .15s,background .15s;background:#fff}.benchmark-tab__model-card:hover{border-color:var(--sp-blue);background:#f0f7ff}.benchmark-tab__model-card--selected{border-color:var(--sp-blue);background:var(--sp-blue-bg)}.benchmark-tab__model-card input[type=checkbox]{margin-top:2px;cursor:pointer}.benchmark-tab__model-info{display:flex;flex-direction:column;gap:2px}.benchmark-tab__model-name{font-size:13px;font-weight:600;color:#111827}.benchmark-tab__model-desc{font-size:11px;color:var(--sp-gray)}.benchmark-tab__model-cost{font-size:11px;color:#7c3aed;font-weight:500}.benchmark-tab__controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.benchmark-tab__select-links{display:flex;gap:8px;font-size:12px}.benchmark-tab__select-link{color:var(--sp-blue);cursor:pointer;text-decoration:underline;background:none;border:none;padding:0;font-size:12px}.benchmark-tab__run-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;background:#7c3aed;color:#fff;border:none;border-radius:var(--sp-radius);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.benchmark-tab__run-btn:hover:not(:disabled){background:#6d28d9}.benchmark-tab__run-btn:disabled{opacity:.55;cursor:not-allowed}.benchmark-tab__error{padding:10px 14px;background:var(--sp-red-bg);border:1px solid #fca5a5;border-radius:var(--sp-radius);font-size:13px;color:var(--sp-red)}.benchmark-tab__empty{text-align:center;padding:40px;color:var(--sp-gray);font-size:13px}.history-panel{display:flex;flex-direction:column;gap:20px}.history-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.history-stat-card{background:#fff;border:1px solid var(--sp-border);border-radius:var(--sp-radius);padding:14px 16px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--sp-shadow)}.history-stat-card__value{font-size:24px;font-weight:700;color:#111827;line-height:1}.history-stat-card__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--sp-gray)}.history-list{display:flex;flex-direction:column;gap:8px}.history-list__heading{font-size:13px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.05em}.history-item{background:#fff;border:1px solid var(--sp-border);border-radius:var(--sp-radius);padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:6px 12px;box-shadow:var(--sp-shadow);transition:box-shadow .15s}.history-item:hover{box-shadow:var(--sp-shadow-md)}.history-item__snippet{font-size:13px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;grid-column:1}.history-item__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;grid-column:1}.history-item__tag{font-size:11px;padding:2px 7px;border-radius:9999px;background:var(--sp-gray-bg);color:var(--sp-gray);font-weight:500}.history-item__tag--ai{background:var(--sp-blue-bg);color:var(--sp-blue)}.history-item__tag--arabic{background:#fdf2f8;color:#9d174d}.history-item__time{font-size:11px;color:var(--sp-gray);white-space:nowrap;grid-column:2;grid-row:1;align-self:start}.history-panel__empty{text-align:center;padding:40px;color:var(--sp-gray);font-size:13px}.sp-page{max-width:860px;margin:0 auto;padding:24px 16px 48px;font-size:14px;color:#111827}.sp-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.sp-page__title{font-size:22px;font-weight:800;color:#111827;line-height:1.2}.sp-page__subtitle{font-size:13px;color:var(--sp-gray);margin-top:4px}.sp-tabs{display:flex;gap:2px;border-bottom:2px solid var(--sp-border);margin-bottom:20px}.sp-tab{padding:9px 18px;font-size:13px;font-weight:600;color:var(--sp-gray);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color .15s,border-color .15s;display:flex;align-items:center;gap:6px}.sp-tab:hover{color:#374151}.sp-tab--active{color:var(--sp-blue);border-bottom-color:var(--sp-blue)}.sp-panel{animation:sp-fadein .2s ease}@keyframes sp-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.sp-error{padding:12px 16px;background:var(--sp-red-bg);border:1px solid #fca5a5;border-radius:var(--sp-radius);font-size:13px;color:var(--sp-red);margin-top:16px}.sp-divider{border:none;border-top:1px solid var(--sp-border);margin:20px 0}.parse-results{display:flex;flex-direction:column;gap:16px}.parse-results__toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.parse-results__summary{font-size:13px;color:var(--sp-gray)}.parse-results__summary strong{color:#111827}.parse-results__create-all{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--sp-green);color:#fff;border:none;border-radius:var(--sp-radius);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.parse-results__create-all:hover:not(:disabled){background:#15803d}.parse-results__create-all:disabled{opacity:.55;cursor:not-allowed}.sp-stats-bar{display:flex;gap:12px;padding:8px 12px;background:#f0fdf4;border-radius:var(--sp-radius);font-size:13px;color:#374151;margin-top:12px;align-items:center}.sp-stats-bar__separator{color:#d1d5db}.sp-stats-bar__value{font-weight:700}.sp-stats-bar__value--fast{color:var(--sp-green)}.sp-stats-bar__value--slow{color:var(--sp-yellow)}.sp-logout-btn{padding:6px 14px;font-size:13px;background:var(--sp-gray-bg);border:1px solid var(--sp-border);border-radius:6px;cursor:pointer;color:#374151}.sp-logout-btn:hover{background:#e5e7eb}.sp-login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--sp-gray-bg)}.sp-login__form{background:#fff;padding:40px;border-radius:12px;box-shadow:var(--sp-shadow-md);width:100%;max-width:380px}.sp-login__title{margin:0 0 4px;font-size:24px;font-weight:700;text-align:center}.sp-login__subtitle{margin:0 0 24px;font-size:14px;color:var(--sp-gray);text-align:center}.sp-login__error{background:var(--sp-red-bg);color:var(--sp-red);padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:16px}.sp-login__field{margin-bottom:16px}.sp-login__label{display:block;margin-bottom:4px;font-size:13px;font-weight:600;color:#374151}.sp-login__input{width:100%;padding:10px 12px;border:1px solid var(--sp-border);border-radius:var(--sp-radius);font-size:14px;outline:none;box-sizing:border-box}.sp-login__input:focus{border-color:var(--sp-blue)}.sp-login__button{width:100%;padding:10px;background:var(--sp-blue);color:#fff;border:none;border-radius:var(--sp-radius);font-size:14px;font-weight:600;cursor:pointer;margin-top:8px}.sp-login__button:hover{background:#1d4ed8}.sp-login__button:disabled{opacity:.55;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
