.file-uploader{position:relative;border:2px dashed #d1d5db;border-radius:.75rem;background:#fff;transition:all .3s ease;overflow:hidden}.file-uploader:hover{border-color:#8b5cf6;background-color:#faf5ff}.file-uploader.drag-over{border-color:#8b5cf6;background-color:#f3e8ff;transform:scale(1.02)}.file-uploader-content{padding:2rem;text-align:center;position:relative;z-index:2}.file-uploader-icon{width:4rem;height:4rem;margin:0 auto 1rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;transition:all .3s ease}.file-uploader:hover .file-uploader-icon{transform:scale(1.1);box-shadow:0 8px 25px #8b5cf64d}.file-uploader-title{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:.5rem}.file-uploader-subtitle{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.file-uploader-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.file-uploader-button:hover{background:linear-gradient(135deg,#7c3aed,#9333ea);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.file-uploader-info{margin-top:1rem;font-size:.75rem;color:#9ca3af}.file-uploader-files{margin-top:1rem;max-height:200px;overflow-y:auto}.file-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:.5rem;transition:all .2s ease}.file-item:hover{background:#f3f4f6;border-color:#d1d5db}.file-icon{width:2rem;height:2rem;background:#8b5cf6;border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem}.file-info{flex:1;min-width:0}.file-name{font-size:.875rem;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.75rem;color:#6b7280}.file-remove{width:1.5rem;height:1.5rem;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .2s ease}.file-remove:hover{background:#dc2626;transform:scale(1.1)}.file-uploader-progress{margin-top:1rem;display:none}.file-uploader-progress.active{display:block}.file-progress-bar{width:100%;height:.5rem;background:#e5e7eb;border-radius:.25rem;overflow:hidden}.file-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:.25rem;transition:width .3s ease;width:0%}.file-progress-text{text-align:center;font-size:.75rem;color:#6b7280;margin-top:.5rem}.file-uploader--green{border-color:#d1d5db}.file-uploader--green:hover{border-color:#10b981;background-color:#f0fdf4}.file-uploader--green.drag-over{border-color:#10b981;background-color:#ecfdf5}.file-uploader--green .file-uploader-icon,.file-uploader--green .file-uploader-button{background:linear-gradient(135deg,#10b981,#059669)}.file-uploader--green .file-uploader-button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166}.file-uploader--green .file-icon{background:#10b981}.file-uploader--green .file-progress-fill{background:linear-gradient(90deg,#10b981,#059669)}.file-uploader--blue{border-color:#d1d5db}.file-uploader--blue:hover{border-color:#3b82f6;background-color:#eff6ff}.file-uploader--blue.drag-over{border-color:#3b82f6;background-color:#dbeafe}.file-uploader--blue .file-uploader-icon,.file-uploader--blue .file-uploader-button{background:linear-gradient(135deg,#3b82f6,#2563eb)}.file-uploader--blue .file-uploader-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666}.file-uploader--blue .file-icon{background:#3b82f6}.file-uploader--blue .file-progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb)}.file-uploader--red{border-color:#d1d5db}.file-uploader--red:hover{border-color:#ef4444;background-color:#fef2f2}.file-uploader--red.drag-over{border-color:#ef4444;background-color:#fee2e2}.file-uploader--red .file-uploader-icon,.file-uploader--red .file-uploader-button{background:linear-gradient(135deg,#ef4444,#dc2626)}.file-uploader--red .file-uploader-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466}.file-uploader--red .file-icon{background:#ef4444}.file-uploader--red .file-progress-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}@keyframes file-uploader-pulse{0%,to{opacity:1}50%{opacity:.5}}.file-uploader.uploading{animation:file-uploader-pulse 2s infinite}.file-uploader.uploading .file-uploader-icon{animation:file-uploader-pulse 1s infinite}@media (max-width: 640px){.file-uploader-content{padding:1.5rem}.file-uploader-icon{width:3rem;height:3rem;font-size:1.25rem}.file-uploader-title{font-size:1rem}.file-uploader-subtitle{font-size:.8125rem}.file-uploader-button{padding:.625rem 1.25rem;font-size:.8125rem}}