:root{--color-bg-base: #17181C;--color-bg-surface: #1E2025;--color-bg-subtle: #25272F;--color-bg-active: #2D3039;--color-border-subtle: #2B2D35;--color-border-strong: #383B46;--color-text-primary: #E2E4E9;--color-text-secondary: #9499A5;--color-text-muted: #626673;--color-accent: #E2E4E9;--color-accent-hover: #F0F1F5;--color-accent-subtle: rgba(226, 228, 233, .08);--color-accent-border: #4A4D59;--color-accent-dark: #22242B;--color-status-success: #528265;--color-status-error: #A0585A;--color-status-warning: #947E4D;--badge-valid-bg: rgba(82, 130, 101, .12);--badge-valid-text: #8FC7A3;--badge-valid-border: rgba(82, 130, 101, .22);--badge-invalid-bg: rgba(160, 88, 90, .12);--badge-invalid-text: #D89597;--badge-invalid-border: rgba(160, 88, 90, .22);--badge-warning-bg: rgba(148, 126, 77, .12);--badge-warning-text: #D0C190;--badge-warning-border: rgba(148, 126, 77, .22);--badge-neutral-bg: rgba(255, 255, 255, .04);--badge-neutral-text: #9499A5;--badge-neutral-border: rgba(255, 255, 255, .07);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, Menlo, Monaco, monospace;--font-size-title-lg: 19px;--line-height-title-lg: 26px;--font-size-title-md: 14px;--line-height-title-md: 20px;--font-size-body: 13px;--line-height-body: 19px;--font-size-code: 12px;--line-height-code: 18px;--font-size-caption: 11px;--line-height-caption: 16px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .12);--shadow-md: 0 4px 12px rgba(0, 0, 0, .14);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .2);--sidebar-width: 244px;--topbar-height: 52px;--content-max-width: 1360px;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}h1,.text-title-lg{font-size:var(--font-size-title-lg);line-height:var(--line-height-title-lg);font-weight:600;color:var(--color-text-primary);letter-spacing:-.015em}h2,h3,.text-title-md{font-size:var(--font-size-title-md);line-height:var(--line-height-title-md);font-weight:550;color:var(--color-text-primary);letter-spacing:-.01em}.text-body{font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:400;color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-code{font-family:var(--font-mono);font-size:var(--font-size-code);line-height:var(--line-height-code)}.text-caption{font-size:var(--font-size-caption);line-height:var(--line-height-caption);font-weight:450}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;outline:none;white-space:nowrap;-webkit-user-select:none;user-select:none;box-shadow:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px #e2e4e933}.btn-primary{background-color:var(--color-text-primary);color:#17181c;border:1px solid rgba(255,255,255,.15);font-weight:550}.btn-primary:hover:not(:disabled){background-color:#f0f1f5;color:#111215}.btn-primary:active:not(:disabled){transform:scale(.985)}.btn-secondary{background-color:var(--color-bg-subtle);color:var(--color-text-primary);border:1px solid var(--color-border-subtle)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-active);border-color:var(--color-border-strong)}.btn-secondary:active:not(:disabled){transform:scale(.985)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-subtle);color:var(--color-text-primary)}.btn-sm{height:28px;padding:0 9px;font-size:var(--font-size-caption);border-radius:var(--radius-sm)}.btn-lg{height:38px;padding:0 16px;font-size:var(--font-size-body);border-radius:var(--radius-md)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.input,.textarea,.select{width:100%;background-color:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-body);padding:8px 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-border-strong);box-shadow:0 0 0 2px #e2e4e914}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.input:disabled,.textarea:disabled{opacity:.55;cursor:not-allowed}.textarea-code{font-family:var(--font-mono);font-size:var(--font-size-code);line-height:var(--line-height-code);-moz-tab-size:2;tab-size:2;white-space:pre}.checkbox-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-body);color:var(--color-text-secondary)}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background-color:var(--color-bg-subtle);cursor:pointer;display:grid;place-content:center;transition:all var(--transition-fast)}.checkbox:checked{background-color:var(--color-text-primary);border-color:var(--color-text-primary)}.checkbox:checked:after{content:"";width:4px;height:8px;border:solid #17181C;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translate(-.5px,-1px)}.card{background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--font-size-caption);font-weight:500;letter-spacing:.01em;line-height:1.3}.badge-valid{background-color:var(--badge-valid-bg);color:var(--badge-valid-text);border:1px solid var(--badge-valid-border)}.badge-invalid{background-color:var(--badge-invalid-bg);color:var(--badge-invalid-text);border:1px solid var(--badge-invalid-border)}.badge-warning,.badge-duplicate{background-color:var(--badge-warning-bg);color:var(--badge-warning-text);border:1px solid var(--badge-warning-border)}.badge-neutral{background-color:var(--badge-neutral-bg);color:var(--badge-neutral-text);border:1px solid var(--badge-neutral-border)}.table-container{width:100%;overflow-x:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background-color:var(--color-bg-surface)}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background-color:var(--color-bg-subtle);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--font-size-caption);font-weight:500;letter-spacing:.01em;padding:9px 12px;border-bottom:1px solid var(--color-border-subtle)}.data-table td{padding:9px 12px;font-size:var(--font-size-body);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#ffffff05}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1.2s linear infinite}