:root{--bg-dark:#0b0f19;--bg-card:#111827b3;--bg-card-hover:#1e293bcc;--border-card:#ffffff14;--border-highlight:#0ea5e966;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-sky:#0ea5e9;--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-amber:#f59e0b;--accent-violet:#8b5cf6;--font-heading:"Plus Jakarta Sans", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);background-image:radial-gradient(circle at 10% 15%,#0ea5e914 0%,#0000 40%),radial-gradient(circle at 90% 25%,#10b98114 0%,#0000 40%),radial-gradient(circle at 50% 85%,#8b5cf60d 0%,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.gradient-text{background:linear-gradient(135deg,#fff 0%,#cbd5e1 50%,#0ea5e9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);border-radius:16px}.dropzone{text-align:center;cursor:pointer;background:#0ea5e908;border:2px dashed #0ea5e94d;border-radius:16px;padding:32px;transition:all .2s}.dropzone:hover,.dropzone.active{border-color:var(--accent-sky);background:#0ea5e914;transform:translateY(-2px)}.input-field{border:1px solid var(--border-card);color:var(--text-primary);font-family:var(--font-body);background:#0f172acc;border-radius:8px;outline:none;padding:8px 12px;font-size:.9rem;transition:border-color .2s}.input-field:focus{border-color:var(--accent-sky);box-shadow:0 0 10px #0ea5e933}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0ea5e94d}.btn-primary:hover{background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-card);cursor:pointer;background:#ffffff0d;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--border-highlight);background:#ffffff1a}.table-container{border:1px solid var(--border-card);border-radius:12px;max-height:550px;overflow:auto}table.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}table.data-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-card);z-index:10;font-weight:700;font-family:var(--font-heading);background:#0f172a;padding:12px 16px;position:sticky;top:0}table.data-table td{color:var(--text-primary);font-family:var(--font-mono);white-space:nowrap;border-bottom:1px solid #ffffff0a;padding:10px 16px}table.data-table tr:hover{background:#ffffff08}.diff-added{color:#34d399!important;background:#10b98126!important}.diff-removed{color:#fb7185!important;background:#f43f5e26!important}.diff-modified-cell{font-weight:700;color:#fde047!important;background:#f59e0b40!important}