* { font-family: 'Inter', system-ui, sans-serif; }
.tab-active { border-bottom: 3px solid #3b82f6; color: #3b82f6; font-weight: 600; }
.glass-card { background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); }
.status-dot { width: 8px; height: 8px; border-radius: 50%; }
.status-success { background: #22c55e; }
.status-error { background: #ef4444; }
.status-pending { background: #f59e0b; }
.json-key { color: #059669; }
.json-string { color: #2563eb; }
.json-number { color: #dc2626; }
.json-boolean { color: #7c3aed; }
.translation-block { border-left: 4px solid #3b82f6; background: #eff6ff; }
.asin-card.selected { ring: 2px; ring-color: #3b82f6; background: #eff6ff; }
.asin-card.expanded { grid-column: 1 / -1; }
.progress-bar { transition: width 0.3s ease; }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
.fade-in { animation: fadeIn 0.3s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.slide-in { animation: slideIn 0.3s ease; }
@keyframes slideIn { from { transform: translateX(100%); } to { transform: translateX(0); } }
.pulse-dot { animation: pulse 2s infinite; }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
[contenteditable]:focus { outline: 2px solid #3b82f6; outline-offset: 2px; border-radius: 4px; }
.editable-item { position: relative; }
.editable-item:hover .edit-controls { opacity: 1; }
.edit-controls { opacity: 0; transition: opacity 0.2s; }
.editing-mode .editable-item { background: #fefce8; border-radius: 4px; padding: 2px 4px; }
.history-item.active { background: #dbeafe !important; border-color: #3b82f6 !important; }
.rotate-180 { transform: rotate(180deg); }
.asin-card { transition: all 0.2s ease; }