.upload-progress-container{margin:20px 0;padding:15px;background:#f9f9f9;border-radius:5px;border:1px solid #ddd}#progress-bar{width:100%;height:20px;background-color:#e0e0e0;border-radius:10px;overflow:hidden;margin:10px 0;appearance:none;-webkit-appearance:none}#progress-bar::-webkit-progress-bar{background-color:#e0e0e0;border-radius:10px}#progress-bar::-webkit-progress-value{background-color:#4CAF50;border-radius:10px;transition:width 0.3s ease}#progress-bar::-moz-progress-bar{background-color:#4CAF50;border-radius:10px;transition:width 0.3s ease}#upload-status{margin-top:10px;text-align:center;font-size:14px;color:#666}.file-progress{margin:10px 0;padding:10px;background:#fff;border-radius:5px;border:1px solid #eee}.file-progress .file-info{display:flex;justify-content:space-between;margin-bottom:5px}.file-progress .file-name{font-weight:bold}.file-progress .file-size{color:#666}.file-progress.success .progress-bar{background-color:#4CAF50}.file-progress.error .progress-bar{background-color:#f44336}#upload-file{background-color:#4CAF50;color:white;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-top:10px;transition:background-color 0.3s}#upload-file:hover{background-color:#45a049}#upload-file:disabled{background-color:#cccccc;cursor:not-allowed}.files-upload{margin:10px 0;padding:10px;width:100%;border:1px solid #ddd;border-radius:4px}.upload-message{margin-top:10px;padding:10px;border-radius:4px;border-left-width:4px;border-left-style:solid}.upload-error{color:#f44336;background-color:#ffebee;border-left-color:#f44336}.upload-success{color:#4CAF50;background-color:#e8f5e9;border-left-color:#4CAF50}.upload-warning{color:#ff9800;background-color:#fff3e0;border-left-color:#ff9800}@media (max-width:768px){#upload-file{width:100%}.file-progress .file-info{flex-direction:column}}