@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); * { font-family: 'Inter', sans-serif; } body { background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); } .undefined-glow { box-shadow: 0 0 20px rgba(14, 165, 233, 0.3); } .undefined-gradient { background: linear-gradient(135deg, #0ea5e9 0%, #0369a1 100%); } .undefined-border-glow { border: 2px solid #0ea5e9; box-shadow: 0 0 15px rgba(14, 165, 233, 0.4); } @keyframes undefined-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } } .undefined-pulse { animation: undefined-pulse 2s infinite; } /* OCR 작업 관련 스타일 */ .ocr-container { background: white; border-radius: 12px; padding: 2rem; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .ocr-text-area { min-height: 300px; border: 2px solid #e5e7eb; border-radius: 8px; padding: 1rem; font-family: 'Courier New', monospace; line-height: 1.6; } .ocr-label { display: inline-block; background: #f0f9ff; border: 1px solid #0ea5e9; border-radius: 20px; padding: 0.5rem 1rem; margin: 0.25rem; font-size: 0.875rem; color: #0369a1; } .process-select { width: 100%; padding: 0.75rem; border: 2px solid #e5e7eb; border-radius: 8px; background: white; } .work-progress { height: 8px; background: #e5e7eb; border-radius: 4px; overflow: hidden; } .progress-bar { height: 100%; background: linear-gradient(135deg, #0ea5e9 0%, #0369a1 100%); transition: width 0.3s ease; } /* 배포 관리 스타일 */ .document-card { transition: all 0.3s ease; } .document-card:hover { transform: translateY(-2px); box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); } .document-card.dragging { opacity: 0.5; transform: rotate(5deg); } .column { transition: background-color 0.3s ease; } .column.drag-over { background-color: rgba(14, 165, 233, 0.1); border: 2px dashed #0ea5e9; } .worker-item { transition: all 0.3s ease; } .worker-item:hover { background-color: #f8fafc !important; } .priority-badge { font-size: 0.75rem; font-weight: 600; } /* 드래그 앤 드롭 개선 스타일 */ .document-card { user-select: none; -webkit-user-select: none; } .worker-list { scrollbar-width: thin; scrollbar-color: #cbd5e1 #f1f5f9; } .worker-list::-webkit-scrollbar { width: 6px; } .worker-list::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 3px; } .worker-list::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 3px; }