Spaces:
Running
Running
| @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 ; | |
| } | |
| .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; | |
| } | |