.container{padding:20px}h2{font-size:24px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dropzone{border:2px dashed #ccc;padding:20px;text-align:center;border-radius:10px;cursor:pointer;transition:border-color .2s;min-width:300px;min-height:60px;position:relative;z-index:999}.dropzone span{display:block;color:#4caf50;font-size:50px;font-weight:700}.dropzone:hover{border-color:#4caf50}.dropzone-preview{display:flex;justify-content:space-between;padding:10px;background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;height:80px}.remove-btn{background-color:#ff4d4f;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;height:34px}.remove-btn:hover{background-color:#d9363e}button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background .2s}button:disabled{background-color:#ccc;cursor:not-allowed}button:hover{background-color:#45a049}.progress-bar-container{width:100%;height:20px;background-color:#eee;border-radius:10px;overflow:hidden;margin:20px 0}.progress-bar{height:100%;background-color:#4caf50;transition:width .3s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top:3px solid white;animation:spin 1s linear infinite}