*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}.app-container{max-width:800px;margin:0 auto;padding:40px 20px}.app-title{text-align:center;margin-bottom:40px;color:#2c3e50}.uploader-container{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555}.form-group input[type=text]{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px}.form-group input[type=text]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.drop-zone{border:2px dashed #ccc;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#fafafa}.drop-zone:hover{border-color:#3498db;background-color:#f0f8ff}.drop-zone.drag-over{border-color:#3498db;background-color:#e8f4fc}.drop-zone.has-file{border-color:#27ae60;background-color:#e8f8f0}.drop-zone-text{color:#777;margin-bottom:10px}.drop-zone-hint{font-size:14px;color:#999}.selected-file{margin-top:15px;padding:10px;background-color:#f0f0f0;border-radius:4px;font-size:14px}.selected-file-name{font-weight:600;color:#333}.selected-file-size{color:#777;margin-left:10px}.file-input{display:none}.upload-button{width:100%;padding:14px;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease;margin-top:20px}.upload-button:hover:not(:disabled){background-color:#2980b9}.upload-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.progress-container{margin-top:20px}.progress-bar-wrapper{height:20px;background-color:#ecf0f1;border-radius:10px;overflow:hidden}.progress-bar{height:100%;background-color:#3498db;transition:width .3s ease}.progress-text{text-align:center;margin-top:8px;font-size:14px;color:#555}.upload-status{margin-top:15px;padding:10px 15px;border-radius:4px;font-size:14px}.upload-status.uploading{background-color:#e8f4fc;color:#2980b9}.upload-status.polling{background-color:#fef9e7;color:#b7950b}.upload-status.completed{background-color:#e8f8f0;color:#27ae60}.upload-status.failed{background-color:#fdedec;color:#c0392b}.uploads-list-container{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 10px #0000001a}.uploads-list-title{margin-bottom:20px;color:#2c3e50;font-size:20px}.uploads-list{list-style:none}.upload-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #eee}.upload-item:last-child{border-bottom:none}.upload-item-info{flex:1}.upload-item-name{font-weight:600;color:#333}.upload-item-partner{font-size:14px;color:#777;margin-top:4px}.upload-item-time{font-size:12px;color:#999;margin-top:4px}.upload-item-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.upload-item-status.pending{background-color:#ecf0f1;color:#7f8c8d}.upload-item-status.uploading{background-color:#e8f4fc;color:#3498db}.upload-item-status.processing{background-color:#fef9e7;color:#f39c12}.upload-item-status.completed{background-color:#e8f8f0;color:#27ae60}.upload-item-status.failed{background-color:#fdedec;color:#e74c3c}.no-uploads{text-align:center;color:#999;padding:40px 20px}.error-message{background-color:#fdedec;color:#c0392b;padding:12px;border-radius:4px;margin-top:15px;font-size:14px}