:root{--color-bg:#f6f7f6;--color-surface:#fff;--color-border:#d7dcd9;--color-text:#1c211e;--color-text-muted:#5a635e;--color-primary:#0b5c3a;--color-primary-hover:#094c30;--color-primary-contrast:#fff;--color-danger:#a8322a;--color-danger-bg:#fbeae8;--color-warning:#8a6100;--color-warning-bg:#fdf4dc;--color-success:#1e6b43;--color-success-bg:#e7f3ec;--color-info-bg:#e8f0fb;--color-focus:#1d4ed8;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-1:6px;--radius-2:10px;--font-family-base:system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", "Helvetica Neue", Arial, sans-serif;--font-family-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-size-sm:.85rem;--font-size-base:1rem;--font-size-lg:1.2rem;--font-size-xl:1.5rem;--shadow-1:0 1px 3px #00000014}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);min-height:100vh;line-height:1.5}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.code-ltr{font-family:var(--font-family-mono);direction:ltr;unicode-bidi:isolate}.skip-link{inset-inline-start:var(--space-2);top:var(--space-2);z-index:10;background:var(--color-surface);color:var(--color-text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-1);position:absolute;transform:translateY(-300%)}.skip-link:focus-visible{transform:none}.app-header{background:var(--color-surface);border-block-end:1px solid var(--color-border);align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.app-title{font-size:var(--font-size-lg);color:var(--color-primary);margin:0;font-weight:700}.app-nav{gap:var(--space-1);flex-wrap:wrap;margin-inline-start:auto;display:flex}.app-nav a{color:var(--color-text);padding:var(--space-1) var(--space-3);border-radius:var(--radius-1);text-decoration:none}.app-nav a:hover{background:var(--color-bg)}.app-nav a[aria-current=page]{background:var(--color-primary);color:var(--color-primary-contrast)}.app-main{padding:var(--space-5);max-inline-size:75rem;margin-inline:auto}.page-header{margin-block-end:var(--space-5)}.page-header h1{font-size:var(--font-size-xl);margin:0 0 var(--space-2)}.page-header p{color:var(--color-text-muted);max-inline-size:65ch;margin:0}.button{border-radius:var(--radius-1);cursor:pointer;font:inherit;padding:var(--space-2) var(--space-4);border:1px solid #0000}.button:disabled{cursor:not-allowed;opacity:.6}.button-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.button-primary:not(:disabled):hover{background:var(--color-primary-hover)}.button-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.banner{border-radius:var(--radius-2);padding:var(--space-3) var(--space-4);margin-block-end:var(--space-4)}.banner h2,.banner h3{margin:0 0 var(--space-1);font-size:var(--font-size-base)}.banner p{margin:0}.banner-warning{background:var(--color-warning-bg);color:var(--color-warning)}.banner-danger{background:var(--color-danger-bg);color:var(--color-danger)}.banner-success{background:var(--color-success-bg);color:var(--color-success)}.banner-info{background:var(--color-info-bg);color:var(--color-text)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2);box-shadow:var(--shadow-1);padding:var(--space-5);margin-block-end:var(--space-5)}.field{gap:var(--space-1);flex-direction:column;max-inline-size:30rem;margin-block-end:var(--space-4);display:flex}.field label{font-weight:600}.field input{border:1px solid var(--color-border);border-radius:var(--radius-1);font:inherit;padding:var(--space-2)}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;inline-size:100%;font-size:var(--font-size-sm)}.data-table th,.data-table td{border:1px solid var(--color-border);padding:var(--space-1) var(--space-2);text-align:start;vertical-align:top}.data-table th{background:var(--color-bg)}.category-badge{border-radius:var(--radius-1);font-size:var(--font-size-sm);padding:0 var(--space-2);white-space:nowrap;display:inline-block}.category-new{background:var(--color-success-bg);color:var(--color-success)}.category-duplicate,.category-unchanged{background:var(--color-bg);color:var(--color-text-muted)}.category-conflict,.category-invalid{background:var(--color-danger-bg);color:var(--color-danger)}.summary-list{gap:var(--space-4);margin:0 0 var(--space-4);flex-wrap:wrap;padding:0;list-style:none;display:flex}